の理解がネイティブプログラムの流れに反応 - ループ

Question

ここで[下の編集]

が現在のコードです：内部のフェッチを行う前にループが完了したので

for(toy of toys) { 
    fetch(url, {headers: headers}) 
     .then((response) => response.json) 
     .then((responseJson) => { 
      <insert toy to database> 
     }) 
} 

上記のコードは正常におもちゃを投稿できません。どのようにこれを正しく実装して、responseJsonプロパティを持つおもちゃをデータベースに正しく挿入できるようにするのですか？言い換えれば、ループを進める前にフェッチが完了するのを待つ方法はありますか？

[PREVIOUS POST]

私は次のコードを持っている：

function hello(callback1) { 
    for(var i = 0; i <= 100; i++){ 
     console.log(i) 
    } 

    callback1() 
} 

function callback1() { 
    console.log("hello") 
} 

私の質問で、callback1仕上げたりしないようにループを待ちますか？ここで

は、2つ目のシナリオである：

function hello() { 
    for(var i = 0; i < 100; i++){ 
     console.log("apples") 
    } 

    for(var i = 0; i < 100; i++){ 
     console.log("peaches") 
    } 
} 

出力は次のようになります。

apples 
apples 
apples 
apples 
... 
peaches 
peaches 
peaches 
... 

または

apples 
apples 
peaches 
apples 
peaches 
...(in any order since they execute at the same time) 

私はネイティブ反応の流れを理解することに苦労しています私はコードの線形実行に慣れています。ダミーについての示唆も示せば、それは素晴らしいことでしょう。 MDN documentationで言及として

Answer 1

、forループの構文は次のとおりです。

限り、条件がtrueと評価されるように実行声明：statementがある

for ([initialization]; [condition]; [final-expression]) 
    statement 

。ループ内で複数のステートメントを実行するには、ブロックステートメント（{...}）を使用してステートメントをグループ化します。ループ内で文を実行しない場合は、空の文（;）を使用します。

これは、forループのすべてが次のコードを実行する前に実行されることを意味します。

function hello(callback1) { 
 
    for(var i = 0; i <= 10; i++){ 
 
     console.log(i) 
 
    } 
 

 
    callback1() 
 
} 
 

 
function callback1() { 
 
    console.log("hello") 
 
} 
 

 
hello(callback1);

Answer 2

私はこの記事で答えが見つかりました：再帰を使用する方が適切である、このような状況で

How to make a javascript FOR LOOP wait for certain conditions before looping

を。