マッピングされた配列を初期化する

Beginner

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

はじめに

この実験では、JavaScript でマッピング関数を使用して配列を初期化し、指定された値で埋める方法を探ります。必要な長さの配列を作成するために Array() コンストラクタを使用し、null 値で埋めるために Array.prototype.fill() メソッドを使用します。さらに、提供された関数を使用して配列を必要な値で埋めるために Array.prototype.map() メソッドを使用します。

JavaScript でマッピングされた配列を初期化する

JavaScript でマッピングされた配列を初期化するには、次の手順に従います。

  1. ターミナル/SSH を開き、コーディングを練習するために node と入力します。
  2. Array() コンストラクタを使用して、必要な長さの配列を作成します。
  3. Array.prototype.fill() を使用して、配列を null 値で埋めます。
  4. Array.prototype.map() を使用して、提供された関数 mapFn を使って配列を必要な値で埋めます。
  5. 2 番目の引数 mapFn を省略すると、各要素がそのインデックスにマッピングされます。

以下はコードの例です。

const initializeMappedArray = (n, mapFn = (_, i) => i) =>
  Array(n).fill(null).map(mapFn);

必要な値でマッピングされた配列を作成するには、initializeMappedArray 関数を使用できます。

initializeMappedArray(5); // [0, 1, 2, 3, 4]
initializeMappedArray(5, (i) => `item ${i + 1}`);
// ['item 1', 'item 2', 'item 3', 'item 4', 'item 5']

まとめ

おめでとうございます!あなたは「マッピングされた配列を初期化する」実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を練習できます。