ホームページ  >  記事  >  ウェブフロントエンド  >  よく使用される配列関数は何ですか?

よく使用される配列関数は何ですか?

一个新手
一个新手オリジナル
2017-10-16 09:20:313673ブラウズ

配列のいくつかのメソッド

Javascript の配列は非常によく知られた型であり、非常に強力な機能を備えていますが、フロントエンドを学習していない人がすべてそれを習得できるわけではありません

  • 配列の重複排除

    (1) 配列 arr=[1,2,3,3,4] が与えられた場合、それを重複排除するにはどうすればよいですか?

    • es6 新しいデータ構造があります Set var newArr=new Set(arr);

      var newArr=new Set(arr);

    • es5方法是声明一个新数组obj,遍历arr,查看其中元素是否在新数组中存在,代码如下:

      var newArr = [];
      for (var i = 0; i < arr.length; i++) {
          if(newArr.indexOf(arr[i]) === -1){
              newArr.push(arr[i]);
          }
      }
      console.log(newArr); //[1,2,3,4];
  • Array.forEach

    foreach是对数组中每个元素执行一次给定函数,但是原数组不变,无返回值

        var arr = [1,2,3,4];
        arr.forEach(function(item, index, origin){
            item += 1;
            console.log(item);//2,3,4,5
        })
        console.log(arr);//[1,2,3,4]
  • Array.map

    map是对数组中每个元素执行一次给定函数,原数组不变,返回新数组

        var arr = [1,2,3,4];
        var newArr=arr.map(function(item, index, origin){
            return ++item;
        })
        console.log(newArr);//[2,3,4,5]
  • Array.filter

    filter是对数组中每个元素执行一次给定函数,原数组不变,返回符合条件的新数组

        var arr = [1,2,3,4];
        var newArr=arr.filter(function(item, index, origin){
            return item>2;
        })
        console.log(newArr);//[3,4]
  • Array.reduce

    reduce是第一个参数是一个函数,该函数的参数为上一次执行函数结果pre和目前元素的值和索引,通常用于求数组之和,第二个参数是在第一次执行函数是的pre的值,如果没有该参数则将第一个值当做pre的值

        var arr = [1,2,3,4];
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//1,2,3
            return pre + cur;
        })
        console.log(res);//10
    
        var res=arr.reduce(function(pre, cur, curIndex, origin){
            console.log(curIndex);//0,1,2,3
            return pre + cur;
        }, 5)
        console.log(res);//15
  • Array.every

    every是对数组中每个元素执行一次给定函数,如果有一个结果为false,则返回false;

        var arr = [1,2,3,4];
        var res = arr.every(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//false
  • Array.some

    some与every相对,是对数组中每个元素执行一次给定函数,如果有一个结果为true,则返回true;

        var arr = [1,2,3,4];
        var res = arr.some(function(item, index, origin){
            return item > 2;
        })
        console.log(res);//true
  • 将类数组转换为数组

    • es6中提供了Array.from的方法

    • es5中可以使用 Array.prototype.slice.call(arr)

    • es5 メソッドは、新しい配列 obj を宣言し、arr を走査し、その中の要素は新しい配列に存在します。コードは次のとおりです:
    rrreee
🎜🎜🎜🎜Array.forEach🎜🎜🎜foreachは、配列内の各要素に対して指定された関数を1回実行しますが、元の配列は残ります。変更されず、戻り値はありません🎜rrreee🎜🎜🎜 🎜Array.map🎜🎜🎜mapは、配列内の各要素に対して指定された関数を1回実行し、元の配列は変更されず、新しい配列が返されます🎜rrreee🎜🎜🎜🎜。 Array.filter🎜🎜🎜filterは配列の要素ごとに実行される関数を一度与えると、元の配列はそのままで、条件を満たす新しい配列が返されます🎜rrreee🎜🎜🎜🎜Array.reduce🎜🎜 🎜reduce は、最初のパラメータが関数であり、この関数のパラメータが関数 pre と最後の実行の結果であることです。通常、現在の要素の値とインデックスは、配列の合計を見つけるために使用されます。パラメータは、関数が初めて実行されるときの pre の値です。そのようなパラメータが存在しない場合、最初の値が pre🎜rrreee🎜🎜 🎜🎜Array.every🎜🎜🎜every の値とみなされます。配列内の要素ごとに指定された関数を 1 回実行します。1 つの結果が false の場合は、 false を返します。Array.some🎜🎜🎜some はすべての関数の反対です。配列を返し、結果の 1 つが true の場合は true を返します🎜rrreee🎜🎜🎜🎜クラス配列を配列に変換します🎜🎜🎜🎜🎜🎜配列は es6 .from メソッドで提供されます🎜🎜🎜🎜In es5 では、Array.prototype.slice.call(arr) メソッドを使用できます🎜🎜🎜🎜

以上がよく使用される配列関数は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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