map()

当ページのリンクには広告が含まれています。

map()は、JavaScriptの配列メソッドの1つで、配列内の各要素に対して、与えられたコールバック関数を呼び出して、新しい値の配列を作成します。

map()メソッドには、以下の2つのパラメータがあります。

callback:各要素に適用する関数。この関数には、現在処理されている要素、その要素のインデックス、および元の配列が渡されます。関数は、新しい値を返す必要があります。

thisArg(オプション):callback関数内でthisキーワードにバインドされる値。

以下は、map()メソッドを使用して、配列内の各要素に10を加算した新しい配列を作成する例です。

const numbers = [1, 2, 3, 4, 5];

const newNumbers = numbers.map((element, index, array) => {
  return element + 10;
});

console.log(newNumbers); // [11, 12, 13, 14, 15]

この例では、numbers配列内の各要素に10を加算し、新しい値の配列であるnewNumbersを作成しています。map()メソッドのコールバック関数は、各要素に対して一度だけ呼び出され、元の配列の順序を保持したまま、新しい配列が返されます。

また、thisArgパラメータを使用することで、コールバック関数内のthisキーワードがバインドされる値を指定することもできます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次