ES6數組新增API

1.Array.of()

用于將一組值，轉換為數組

• 示例：

let arr1 = Array.of(1, 2, 3, 4, 5)
console.log(arr1) //[1,2,3,4,5]
let arr2 = Array.of(4)
console.log(arr2)  //[4]

• Array和Array of()的區別:

  體現在傳一個參數的時候

  當Array傳一個參數時，數組中的元素為empty；

  當Array.of()傳一個參數時，數組中的元素是傳入的參數的值；

  • Array

  let arr0 = new Array(4); 
  console.log(arr0);// [empty,empty,empty,empty]
  

  • Array.of()

  let arr2 = Array.of(4)
  console.log(arr2); //[4]
  

2.Array.form()

將兩類對象(arguments，元素集合，自定義類數組[‘0’:100,length:1])轉為真正的數組

• 示例：

//獲取p標簽
let pEles = document.getElementsByTagName('p');
console.log(pEles);
//遍歷
Array.from(pEles).forEach(item => console.log(item));
//由此可以說明把元素的集合轉為真正的數組

3.find()

用于找出第一個符合條件的數組成員,并且返回該數組元素

如果沒有滿足條件的數組元素該方法返回undefined

• 示例：

arr1=[1, 2, 3, 4, 5]
let num1 = arr1.find(function(item) {
    return item > 1;
});
console.log(num1); //2

4.findIndex()

用于找出第一個符合條件的數組成員的索引值,并且返回該數組元素的索引值

如果沒有滿足條件的數組元素該方法返回-1

• 示例：

arr1=[1, 7, 9, 4, 5]
let num1 = arr1.findIndex(item => item > 9);
console.log(num1); //-1
let num2 = arr1.findIndex(item => item > 3);
console.log(num2); //2

5.fill()

給數組指定的索引,以指定值進行填充

//—第一個參數是填充的值

//—第二個參數是起始索引 默認值是0

//—第三個參數是結束的索引(不包含) 默認值是數組length

• 示例：

arr1=[1, 2, 3, 4, 5]
console.log(arr1); //[1, 2, 3, 4, 5]
arr1.fill(6);
console.log(arr1); //[6, 6, 6, 6, 6]
arr1.fill(7, 2);
console.log(arr1); //[6, 6, 7, 7, 7]
arr1.fill(8, 1, 3);
console.log(arr1); //[6, 8, 8, 7, 7]

6.copyWithin()

在當前數組內部，將指定位置的成員復制到其他位置，然后返回當前數組

// —第二個參數為起始索引

// —第三個參數為結束索引**(不包含)**,將對應的數組元素賦值給第一個參數設置的開頭的索引,依次取替換原索引上的值

• 示例：

arr1=[1, 2, 3, 4, 5]
let arr4 = arr1.copyWithin(0, 1, 4);
console.log(arr4); //[2, 3, 4, 4, 5]
let arr5 = arr4.copyWithin(1, 3, 4);
console.log(arr5); //[2, 4, 4, 4, 5]
let arr6 = arr5.copyWithin(0, 2, 4);
console.log(arr6); //[4, 4, 4, 4, 5]

7.includes()

判斷數組是否包含指定值—是全等判斷

相當于Object.is()

//—第一個值是包含的指定值

//—第二個值是指定值的索引

• 示例：

arr5=[2, 3, 4, 7, 5]
let flag = arr5.includes(2);
console.log(flag);//true
let flag1 = arr5.includes(3,1);
console.log(flag1);//true