ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript 配列の 5 つの反復メソッドの詳細な例

JavaScript 配列の 5 つの反復メソッドの詳細な例

黄舟
黄舟オリジナル
2017-10-02 09:44:531450ブラウズ

この記事では主に JavaScript 配列の 5 つの反復メソッドを詳しく紹介します。興味のある方は参考にしてください。

ES5 では配列の 5 つの反復メソッドが定義されています。各メソッドは 2 つのパラメータを受け取ります。各項目に対して実行される関数、および (オプションで) 関数を実行するスコープ オブジェクト。この値に影響します。 //そのうち (オプション) このパラメータはまだ見つかっていません。

そのうち、関数は 3 つのパラメーター (配列内の各項目、各項目のインデックス値、配列オブジェクト自体) を受け取ります。

以下は 5 つのメソッドの紹介です:

every(): 配列内の各項目に対して関数を実行します。各項目が true を返す場合、このメソッドは true を返します。

some(): 配列内の各項目に対して関数を実行します。1 つの項目が true を返す限り、メソッドは true を返します。

filter(): 配列内の各項目に対して関数を実行し、true を返す項目を配列に返します。

forEach() は、配列内の各項目に対して戻り値なしで関数を実行します。 for ループに似ています。

map() 配列内の各項目に対して関数を実行し、各項目を返します (処理済み)。

上記の 5 つのメソッドは配列自体を変更しません。

forEachとマップの比較:


  var arr = [1,2,3,4,5];
  //every() filter() some() forEach() map()
  var res = arr.every(function(i,index,o){
    return i>2;
  });
  console.log(arr); //[1,2,3,4,5]
  console.log(res); //false

  var some = arr.some(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(some);//true

  var filter = arr.filter(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(filter);//[3,4,5]

  var forEach = arr.forEach(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(forEach);//undefined

  var map = arr.map(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(map);//[false,false,true,true,true]

以上がJavaScript 配列の 5 つの反復メソッドの詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。