JavaScript 配列反復実装のメソッドの共有-jsチュートリアル-php.cn

JavaScript 配列反復実装のメソッドの共有

黄舟

リリース： 2017-03-23 14:57:59

オリジナル

1325 人が閲覧しました

この記事では、参考価値の高い JavaScript arrayiterationメソッドを中心に紹介します。エディターで見てみましょう

最近は仕事でデータ処理が多く、特に配列をトラバースしたり変換したりすることが多いので、ネット上の記事があちこちに散らばっています。仕方なく、自分で赤い宝物を見つけて、本をめくって読んで、将来の参考のためにメモしておきます。

一般的に使用される配列の反復メソッド

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 配列要素反復メソッド

メソッド名メソッド関数戻り値every() 配列内の各要素に対して指定された関数を実行しますブール型: 各項目が true を返す場合は true を返します filter() 配列内の各要素に対して指定された関数を実行します配列: 戻り値この関数は、true を返す要素で構成される新しい配列を実行しますforEach()配列内の各要素に対して指定された関数を実行しますfor 配列内の各要素に対して指定された関数を実行します配列: return 関数が実行された後、新しい新しい要素で構成される新しい配列を取得しますsome()配列内の各要素に対して指定された関数ブール型: 関数の実行後にいずれかの項目が true を返す場合、それは true を返します




		null: 戻り値はありません
map()

簡単に言うと、

every() メソッドと some() メソッドは

条件判断に適しています配列要素に対して;

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 サイトの他の関連記事を参照してください。