JS の forEach、$.each、map メソッドの概要

以下のエディターは、JS の forEach、$.each、およびマップ メソッドに関する推奨事項を提供します。編集者がとても良いと思ったので、参考として共有したいと思います。エディターに従って、見てみましょう。

forEach は、ECMA5 の新しい Array メソッドの中で最も基本的なものであり、トラバーサルとループです。たとえば、次の例:

[1, 2,3, 4].forEach(alert);

は、次の for ループ

var array = [1, 2, 3, 4];

と同等です。 for (var k = 0, length = array.length; k

alert(array[k]);

}

Array ES5 の新しいメソッドでは、パラメータはすべてパラメータはデフォルトで渡されます。forEach メソッドの関数コールバックは 3 つのパラメータをサポートします。1 つ目は対応する配列のインデックスで、3 つ目は配列自体です。

つまり、次のようになります:

[].forEach(function(value, index, array) {

// ...

});

jQuery の $.each メソッドを比較します。

$.each([], function(index, value, array) {

// ...

});

最初と 2 番目のパラメータが正確であることがわかります。その逆です。誰もが注意して、間違って覚えないでください。 $.map など、後の同様のメソッドにも同じことが当てはまります。

var data=[1,3,4] ;

var sum=0 ;

data.forEach(function(val,index,arr){

console.log(arr[index]==) val); // ==> true

sum+=val map 」は「マッピング」を意味します。 [].map(); 基本的な使用法は forEach メソッドと似ています:

array.map(callback,[thisObject]);

callback のパラメータも似ています:

[].map (function(value, Index, array) {

// ...

});

map メソッドの機能を理解するのは難しくありません、それは「マッピング」です。元の配列は、対応する新しい配列に「マッピング」されます。次の例は、数値項目を二乗するものです:

var data=[1,3,4]

var Squares=data.map(function(val,index,arr){

console.log ( arr[index]==val); // ==> true

return val*val

})

console.log(Squares) // ==>

注: forEach と map は ECMA5 の新しい配列メソッドであるため、ie9 以下のブラウザーはまだサポートしていません (あのいまいましい IE) ただし、上記の関数はすべて、たとえば forEach メソッドなどの Array プロトタイプを拡張することで実現できます。 :

if (typeof Array.prototype.forEach != "関数") {

Array.prototype.forEach = function() {

/* 実装*/

};

}

以上がJS の forEach、$.each、map メソッドの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。