English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript配列map()メソッド

 JavaScript 数組オブジェクト

map()メソッドは新しい配列を作成し、その配列の各要素に対して提供された関数を呼び出します。

map()メソッドは各配列のインデックスに対して一度だけコールバック関数を実行します。

注意: map()メソッドは元の配列を変更しません。

语法:

array.map(callback, thisArg)
var nums1 = [1, 5, 20, 14, 55, 16];
var nums2 = nums1.map(twice);
function twice(element) {
   return (element * 2);
}
テストをしてみる‹/›

ブラウザの互換性

テーブルの数字は、map()メソッドを完全にサポートする最初のブラウザのバージョンを指定しています:

メソッド
map()1.59

引数の値

引数説明
callback
配列の各要素に実行される関数。
関数引数:
  • element(必須)-配列で処理中の現在の要素

  • index(任意)-配列で処理中の現在の要素のインデックス

  • array(任意)- 配列に呼び出されたマッピング

thisArg実行(任意)時、コールバックとして使用されますこのオブジェクト

技術的詳細

返り値:各要素がコールバック関数の結果である新しい配列
JavaScript バージョン:ECMAScript 5

さらに多くの例

この例では、数字の配列を使用し、その配列の要素の平方根を含む新しい配列を作成します:

var nums1 = [4, 9, 16, 25];
var nums2 = nums1.map(Math.sqrt);
テストをしてみる‹/›

 JavaScript 数組オブジェクト