APIへのレスポンスを繰り返し、そのレスポンスデータを結合したい。

Question

APIへのレスポンスを繰り返しデータを結合したい。

API、Javascript等、初学者です。
JavaScriptでぐるなびAPIを使用して、現在位置から近い飲食店をランダムに出力するアプリを作成しております。

これまでインターネットの情報を頼りに作成して参りましたが、APIの利用やjavascriptに関してほぼ理解がなく、
今回解決できない問題がありましてご質問させていただきました。

やりたいこととしては、ランダムの母数を増やすために
リクエストを任意の回数繰り返し、そのレスポンスデータを合体し、（ランダムに出力するため）ループの外で利用できるようにしたいというないようになります。

しかし、ループ中でレスポンスデータを合体する方法がわかりません。。。。
コードとデータ形式は以下のようになっております。（繰り返しの数は適当です、offsetがレコードの検索開始位置のパラメーターになります。APIのリクエストが100件/回までのため、リクエストを繰り返しています）

こちらを(200)[{...},]としたいのです。。。。

お手数ですが、お分かりになる方いらっしゃいましたら、ご教示頂けると助かります。。。

Comments

[yambejp]

ソースを画像で貼った場合は一緒のテキストを貼るようにしてください

Answer 1

ちょっと状況がわかりませんが
Promise.allして戻り値をconcatすれば良いような気がします

Comments

[yambejp]

たとえばa-zの間のランダムな3つの値をJSONで返すAPIを用意したとして

//rand3.php
<?php
$r=range("a","z");
print json_encode(array_map(function($x) use($r){return $r[$x];},array_rand($r,3)));

これを3回呼んで結合するjs
const url="rand.php";
Promise.all([
fetch(url+"?t="+new Date().getTime()).then(res=>res.json()),
fetch(url+"?t="+new Date().getTime()).then(res=>res.json()),
fetch(url+"?t="+new Date().getTime()).then(res=>res.json()),
]).then(([...arg])=>{
console.log(arg.flat());
});

Answer 2

JavaScriptでの配列結合であっているのかな？
一応こんな方法があります。
Object.assign()を使ったコピーいろいろ