配列を初期化しながら

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、特定の条件が満たされている間、関数で生成された値で配列を初期化して埋めるという概念を探ります。条件関数とマッピング関数の2つの関数を引数とする initializeArrayWhile 関数を使用します。この実験は、特定の条件とマッピング関数に基づいてカスタマイズされた配列を作成する方法を理解するのに役立ちます。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") subgraph Lab Skills javascript/variables -.-> lab-28392{{"配列を初期化しながら"}} javascript/data_types -.-> lab-28392{{"配列を初期化しながら"}} javascript/arith_ops -.-> lab-28392{{"配列を初期化しながら"}} javascript/comp_ops -.-> lab-28392{{"配列を初期化しながら"}} javascript/loops -.-> lab-28392{{"配列を初期化しながら"}} end

JavaScript で while ループを使って配列を初期化して埋める方法

JavaScript でコーディングを練習するには、ターミナル/SSH を開いて node と入力します。

initializeArrayWhile 関数は、条件が満たされている間、関数で生成された値で配列を初期化して埋めます。以下がその動作方法です。

  1. arr という空の配列、i というインデックス変数、el という要素を作成します。
  2. conditionFn 関数が与えられたインデックス i と要素 el に対して true を返す限り、while ループを使って mapFn 関数を使って配列に要素を追加します。
  3. conditionFn 関数は3つの引数を取ります。現在のインデックス、前の要素、配列自体。
  4. mapFn 関数は3つの引数を取ります。現在のインデックス、現在の要素、配列自体。
  5. initializeArrayWhile 関数は配列を返します。

以下がコードです。

const initializeArrayWhile = (conditionFn, mapFn) => {
  const arr = [];
  let i = 0;
  let el = mapFn(i, undefined, arr);
  while (conditionFn(i, el, arr)) {
    arr.push(el);
    i++;
    el = mapFn(i, el, arr);
  }
  return arr;
};

initializeArrayWhile 関数を使って配列を初期化して値で埋めることができます。たとえば:

initializeArrayWhile(
  (i, val) => val < 10,
  (i, val, arr) => (i <= 1 ? 1 : val + arr[i - 2])
); // [1, 1, 2, 3, 5, 8]

まとめ

おめでとうございます!「配列を初期化しながら」の実験を完了しました。技術力を向上させるために、LabExでさらに実験を練習してください。