ES6学习笔记6——数组方法

学习资料来源
文章开头感谢技术胖的知识分享！

1、Array.from()方法：快速的把JSON数组格式转换成数组

let  json = {
    '0': 'jspang',
    '1': '技术胖',
    '2': '大胖逼逼叨',
    length:3
} 
/* 这是标准的json数组格式，
跟json格式对比，在最后多了length属性 */

let arr=Array.from(json);
console.log(arr)

正常输出

缺少length属性会生成空数组:

2、Array.of()方法：将一堆文本或变量转换成数组

// 转换数字
let arr =Array.of(3,4,5,6);
console.log(arr);

// 转换字符串
let arr2 =Array.of('技术胖','jspang','大胖逼逼叨');
console.log(arr2);

正常输出

3、find()实例方法：数组中查找符合条件的值

• 实例方法：和上两种在Array上使用的方法不同，通俗理解就是在已经存在的数组对象上使用的方法。

（懒得敲了）
在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; })) 

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

实测去掉index和arr参数也能输出6

4、fill()实例方法：对数组进行重新填充

fill()方法接收三个参数：一是填充的变量，二是开始填充的位置，三是结束填充的位置。

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('jspang',2,5); // 将数组的第二位（第0位开始）至第五位用‘jspang’填充
console.log(arr);

正常输出

5、for…of循环：遍历数组

let arr=['jspang','技术胖','大胖逼逼叨']
// 循环输出数组中的变量
for (let item of arr){
    console.log(item);
}
// 循环输出数组索引
for (let index of arr.keys()){
    console.log(index);
}
// 同时循环输出索引和值
for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}

数组的entries()方法