JavaScriptでのループコード記述に関するアドバイス

言語を学ぶにつれて、あなたのプログラムの複雑さは増していきます。コードが意図した通りに動作するように正しく記述する方法について話す時が来ました。私はあなたに良い方法論をお教えします。

あなたの前に、実現するためにある程度のコード行数を書く必要がある、十分に複雑なタスクがあると仮定しましょう。

誤ったアプローチは、解決策のコード全体を一気に書こうとし、その後でチェックを始めることです。この場合、何も動作せず、大量のコードの中からエラーを探さなければならない可能性が高くなります。

正しいアプローチは、タスクを小さな基本的なステップに分解し、それぞれを実装してすぐにその正しさを確認することです。この場合、たとえどこかで間違えても、すぐに問題に気づき修正することができます。

実際に試してみましょう。例として、数値の配列が与えられているとします：

javascriptlet arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

あなたのタスクは、この配列から3で割り切れる要素を取り出し、それらの合計を求めることだとします。

最初の小さなステップとして、単純に配列の要素をループで繰り返し処理し、コンソールに出力することをお勧めします。これを行い、すべてが機能していることを確認しましょう：

javascriptfor (let elem of arr) {
  console.log(elem);
}

次に、3で割り切れる要素だけを選びましょう。それらをコンソールに出力し、正しい要素が得られていることを確認します：

javascriptfor (let elem of arr) {
  if (elem % 3 === 0) {
    console.log(elem); // 3, 6, 9 を出力します
  }
}

次のステップとして、目的の要素の合計を求めることができます：

javascriptlet sum = 0;

for (let elem of arr) {
  if (elem % 3 === 0) {
    sum += elem;
  }
}

console.log(sum);

javascriptlet arr = [10, 20, 30, 40, 21, 32, 51];