常用數組函數有哪些

數組的一些方法

javascript的數組是個非常熟悉不過的類型，而且有著非常強大的功能，但並不是沒有前端學習的人都可以熟練掌握它，下面就來說一下陣列的一些方法

• 陣列去重

  （1）給一個陣列arr=[1,2,3 ,3,4]，該如何去重？

• es6裡面有一個新的資料結構Set 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)的方法

以上是常用數組函數有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！