ES6-數組的新方法


1.Array.of() 方法創建一個具有可變數量參數的新數組實例,而不考慮參數的數量或類型。

  Array.of() 和 Array 構造函數之間的區別在於處理整數參數:Array.of(7)創建一個具有單個元素7的數組,而Array(7)創建一個長度為7的空數組;

  Array(n)即建立length為n的空數組。

Array.of(7);  // [7]
Array.of(1, 2, 3);
// [1, 2, 3]

Array(7);  // [empty × 7]
Array(1, 2, 3);  //[1, 2, 3]

2.Array.from()方法從一個類似數組或可迭代對象中創建一個新的,淺拷貝的數組實例。

 語法:Array.from(arrayLike[, mapFn[, thisArg]])

  arrayLike想要轉換成數組的偽數組對象或可迭代對象。

  mapFn (可選參數)如果指定了該參數,新數組中的每個元素會執行該回調函數。

  thisArg (可選參數)可選參數,執行回調函數 mapFn 時 this 對象。

Array.from('foo')
//["f", "o", "o"];
Array.from([1, 2, 3], x => x + x)
//[2, 4, 6]

3. Array.prototype.copyWithin()  實驗性API;在數組內部,將一段元素序列拷貝到另一段元素序列上,覆蓋原有的值。

4.find

5.findIndex

6.map

7.reduce

8.filter

9.forEach

10.Array.prototype.fill()   將數組中指定區間的所有元素的值,都替換成某個固定的值。

11.some

數組方法中已經總結,可以翻看上上個 筆記哦

下面做一道簡單的題目鞏固一下~  ~

var arr = [
    { id: 1, value: 'a' },
    { id: 2, value: 'b' },
    { id: 3, value: 'c' },
    { id: 4, value: 'd' },
    { id: 5, value: 'e' },
    { id: 6, value: 'e' },
    { id: 7, value: 'f' },
  ]

  // 1: 刪除value為e的 
  arr = arr.filter(d => d.value !== 'e');

  // 2: 刪除第一個value為e的
  let index = arr.findIndex(d => d.value === 'e');
  arr.splice(index, 1)
  // 3: 刪除最后一個value為e的
  let index = arr.reverse().findIndex(d => d.value === 'e');
  arr.splice(index, 1);
  arr.reverse();
  // 4: 找出所有value為e的
  let newArr = arr.filter(d => d.value === 'e');
  // 5: 找出第一個value為e的
  let newArr = arr.find(d => d.value === 'e');
  // 6: 找出最后一個value為e的
  let newArr = arr.reverse().find(d => d.value === 'e').reverse();

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM