ES6学习总结--ES6中新增的数组知识

Array.from(xxx)方法

let  json = {
    '0': 'aaa',
    '1': 'bbb',
    '2': 'ccc',
    length:3
}
let  json2 = {
    'name': 'aaa',
    'name1': 'bbb',
    'name2': 'ccc',
    length:3
}
console.log(Array.from(json));
console.log(Array.from(json2));
结果：
["aaa", "bbb", "ccc"]
[undefined, undefined, undefined]

这就是一个标准的JSON数组格式，跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的json格式都可以轻松使用ES6的语法转变成数组。在ES6中绝大部分的Array操作都存在于Array对象里。我们就用Array.from(xxx)来进行转换。

注意：
使用Array.from(xxx)来进行转换的时候必须注意到json的格式必须是数组格式的【如上面的json】,但是类似上面json2的格式就不行了

Array.of()方法

它负责把一堆文本或者变量转换成数组。在开发中我们经常拿到了一个类似数组的字符串，需要使用eval来进行转换，如果你一个老手程序员都知道eval的效率是很低的，它会拖慢我们的程序。这时候我们就可以使用Array.of方法。我们看下边的代码把一堆数字或者字符串转换成数组并打印在控制台上：

let arr =Array.of(3,4,5,6);
console.log(arr);
let arr2 =Array.of('aaa','vvv','fff');
console.log(arr2);

结果：

[3, 4, 5, 6]
['aaa', 'vvv', 'fff']

find( )实例方法

所谓的实例方法就是并不是以Array对象开始的，而是必须有一个已经存在的数组，然后使用的方法，这就是实例方法。这里的find方法是从数组中查找。在find方法中我们需要传入一个匿名函数，函数需要传入三个参数：

• value：表示当前查找的值。
• index：表示当前查找的数组索引。
• arr：表示当前数组。

在函数中如果找到符合条件的数组元素就进行return，并停止查找。你可以拷贝下边的代码进行测试，就会知道find作用。

let arr=[1,2,3,4,5,6,7,8,9];
console.log(arr.find(function(value,index,arr){
    return value > 5;
}))
console.log(arr.find(function(value,index,arr){
    return value < 1;
}))
let a = arr.find((val,index,arr)=>{
    return arr
})
console.log(a);

结果：

6
undefined
1

控制台输出了6，说明找到了符合条件的值，并进行返回了，如果找不到会显示undefined。

fill( )实例方法

fill()也是一个实例方法，它的作用是把数组进行填充，它接收三个参数，第一个参数是填充的变量，第二个是开始填充的位置【被变量占用】，第三个是填充到的位置【不会被变量占用，依旧显示】

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('aaa',2,5);
console.log(arr);

结果：

[0, 1, "aaa", "aaa", "aaa", 5, 6, 7, 8, 9]

数组的遍历

for…of循环

let arr=['aaa','bbb','ccc']

for (let item of arr){
    console.log(item);
}

结果：

 aaa
 bbb
 ccc