ホームページ >ウェブフロントエンド >フロントエンドQ&A >マップはes6のメソッドですか?
map は es6 のメソッドです。このメソッドは、配列の各要素に対して指定されたコールバック関数を呼び出し、結果を含むデータを返すことができます。返される結果は新しい配列であり、構文は「array」です。 object.map (関数コールバック関数 (配列要素の値、配列要素のインデックス、配列オブジェクト));"。
このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。
map() メソッドは、配列の各要素に対して指定されたコールバック関数を呼び出し、結果を含む配列を返すことができます。具体的な使用法は次のとおりです。
array.map(callbackfn[, thisArg]);
パラメータの説明:
array: 必須パラメータ、配列オブジェクト。
callbackfn: 必須パラメータ。最大 3 つのパラメータを受け取ることができる関数。配列内の各要素に対して、map() メソッドは callbackfn 関数を 1 回呼び出します。
thisArg: オプションのパラメータ。callbackfn 関数の this キーワードによって参照できるオブジェクト。 thisArg を省略した場合は、this の値として未定義が使用されます。
map() メソッドは、各要素が関連付けられた元の配列要素のコールバック関数の戻り値である新しい配列を返します。 map() メソッドは、配列内の各要素に対して callbackfn 関数を 1 回 (インデックスの昇順で) 呼び出します。配列内の欠落している要素に対してはコールバック関数を呼び出しません。
map() メソッドは、配列オブジェクトに加えて、Arguments パラメーター オブジェクトなど、長さプロパティとインデックス付きプロパティ名を持つ任意のオブジェクトで使用できます。
コールバック関数の構文は次のとおりです。
function callbackfn (value, index, array);
ユーザーは、最大 3 つのパラメータを使用してコールバック関数を宣言できます。コールバック関数のパラメータの説明は次のとおりです。
#value: 配列要素の値。
index: 配列要素の数値インデックス。
array: 要素を含む配列オブジェクト。
例 1
次の例では、map() メソッドを使用して配列をマップし、配列内の各要素の値を 2 乗します。それに PI 値を乗算し、返された円の面積値を新しい配列の要素値として使用し、最後に新しい配列を返します。
function f (radius) { var area = Math.PI * (radius * radius); return area.toFixed(0); } var a = [10,20,30]; var a1 = a.map(f); console.log(a1);
例 2
次の例では、map() メソッドを使用して配列をマップし、配列内の各要素の値をしきい値で除算し、コールバック関数としきい値の両方がオブジェクトのプロパティとして存在する新しい配列を返します。このメソッドは、マップ内で thisArg パラメーターを使用する方法を示します。
var obj = { val : 10, f : function (value) { return value % this.val; } } var a = [6,12,25,30]; var a1 = a.map(obj.f, obj); console.log(a1); //6,2,5,0
【関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]
以上がマップはes6のメソッドですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。