この記事では、参考価値の高いJavaScriptarrayiterationメソッドを中心に紹介します。エディターで見てみましょう
最近は仕事でデータ処理が多く、特に配列をトラバースしたり変換したりすることが多いので、ネット上の記事があちこちに散らばっています。仕方なく、自分で赤い宝物を見つけて、本をめくって読んで、将来の参考のためにメモしておきます。
一般的に使用される配列の反復メソッド
ECMAScript5 では、配列の 5 つの反復メソッドが定義されています。各メソッドは 2 つの引数を受け入れます。1 つは各項目に対して実行される関数 fn 、もう 1 つは (オプションで) 関数を実行するスコープ オブジェクトであり、「this」の値に影響します。 これらのメソッドに渡される関数 (fn) は、次の 3 つのパラメーターを受け取ります: item、index、array;array.forEach(function(item,index,array){ //do your staff here; },this)
これら5つの反復メソッドの関数と戻り値の概要は以下の通りです:
ECMAScript5 配列要素反復メソッドメソッド関数 | 戻り値 | |
配列内の各要素に対して指定された関数を実行します | ブール型: 各項目が true を返す場合は true を返します | |
配列内の各要素に対して指定された関数を実行します | 配列: 戻り値 この関数は、true を返す要素で構成される新しい配列を実行します | |
配列内の各要素に対して指定された関数を実行します | null: 戻り値はありません | |
map() | for 配列内の各要素に対して指定された関数を実行します配列: return 関数が実行された後、新しい新しい要素で構成される新しい配列を取得します | |
配列内の各要素に対して指定された関数 | ブール型: 関数の実行後にいずれかの項目が true を返す場合、それは true を返します |
条件判断に適しています配列要素に対して;
filter() メソッドは配列の条件付きフィルタリング/再処理に適しています; forEach() メソッドは配列要素に二次的なアプリケーションを適用するだけです。 以下は各メソッドの使用法です。まず、会社の従業員の給与の配列が 9000 であると仮定します。 [8500,12000,9900,9000]、
a. あなたの給料が一番低いか知りたいです
b. 誰かがあなたと同じ給料を持っているかどうか知りたいです
;全員が同じように扱われる場合
d. K
var a,b,c; var your=9000; var salaries=[8500,12000,9900,9000]; a=slaries.some(function(item,index,array){ return item<9000 }); console.log(a);//true;恭喜你,还有人比你工资更低 b=salaries.filter(function(item,index,array){ return item== your; }) console.log(b);//[9000] 呵呵,有人跟你待遇一样 c=salaries.every(function(item,index,array){ return item==your; }); console.log(c);//false .不是所有人都和你一样待遇哦 d=salaries.map(function(item,index,array){ return item/1000 }); console.log(d);//[8.5,12,9.9,9]
以上がJavaScript 配列反復実装のメソッドの共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。