ES6——Array扩展

新增方法

Array.of 变量转为数组

实例

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

如果不放任何参数，返回一个空数组。

Array.from 类数组转为数组

实例

let p = document.quertSelectorAll('p');let pArr = Array.from(p);pArr.forEach(function(item){    ...});

配合map循环（映射）

console.log(Arrat.from([1,3,5],function(item){return item*2}));  // 2, 6, 10

fill 内容替换

语法

arr.fill(替换的内容[，起始位置][，截止位置])

补充

位置从0开始算，替换不包括截止位置。

实例

console.log('替换：',[1,5,undefined].fill(7));  // 替换： [7, 7, 7]console.log('替换2',['a','b','c','d','e'].fill(7,1,3));  // 替换2 ["a", 7, 7, "d", "e"]

copyWithin

在当前数组内部，把指定位置的成员，复制到其他位置上。

语法

arr.copyWithin（进行替换操作的位置，读取位置，结束位置）

参数说明

读取位置以及结束位置，是指要被复制的成员，在什么区间。

实例

console.log([1,2,3,4,5,6].copyWithin(1,3,4));   // [1, 4, 3, 4, 5, 6]

位置1要进行操作，复制的成员是索引[3,4]区间的“4”。

find && findindex 是否存在

在数组中查找，某一个元素是否在数组中，只返回第一个匹配结果。

find返回匹配到的元素

findIndex返回匹配到的索引

实例

console.log([1,2,3,4,5,6].find(function(item){return item>3}));   // 4console.log([1,2,3,4,5,6].findIndex(function(item){return item>3}));  // 3

includes

同字符串的includes方法，NaN也能进行操作。

实例

console.log([1,2,NaN].includes(NaN));   // true

for循环相关

keys() 获取下标

for(let index of ['a','655','udhb'].keys()){    console.log(index);  // 0  1  2}

values() 获取内容

for (let value of ['a', 'b'].values()) {  console.log(value);  // 'a' 'b'}  

entries() 同时获取索引和内容

for(let [index,value] of ['a','655','udhb'].entries()){        console.log(index,value);  //0 "a"  1 "655"   2 "udhb"}