es6のmap()メソッドは何をするのでしょうか?

es6 では、map() メソッドを使用して、配列内の各要素に対して指定されたコールバック関数を呼び出し、結果を含む配列を返します。構文「array.map(function callbackfn (value,index,配列)、このArg);"。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

JavaScript の map() メソッドは、配列の各要素に対して指定されたコールバック関数を呼び出し、結果を含む配列を返すことができます。

array.map(function callbackfn (value, index, array), thisArg);

function callbackfn (value,index,array): 最大 3 つのパラメータを受け入れるコールバック関数:

• value: 配列要素の値。

• index: 配列要素の数値インデックス。

• array: 要素を含む配列オブジェクト。

map() メソッドは新しい配列を返します。各要素は、関連付けられた元の配列要素のコールバック関数の戻り値です。配列内の要素ごとに、map() メソッドは callbackfn 関数を 1 回 (インデックスの昇順で) 呼び出しますが、配列内の欠落要素に対してはコールバック関数を呼び出しません。

map() メソッドは、配列オブジェクトに加えて、Arguments パラメーター オブジェクトなど、長さプロパティとインデックス付きプロパティ名を持つ任意のオブジェクトで使用できます。

コード例を通して詳しく学びましょう:

例 1: すべての要素の値を 2 倍にする (つまり 2 を掛けます)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);

出力結果:

例 2: JavaScript 組み込みメソッドをコールバック関数として使用する

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

出力結果:

関連する推奨事項 ：JavaScript ビデオ チュートリアル

以上がes6のmap()メソッドは何をするのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。