前端小白，更新一些特别特别基础的知识。

这是我参与更文挑战的第3天，活动详情查看： 更文挑战

来啦来啦，接day2

7. ES6数组

① JSON数组格式转换

let  json = {
    '0': 'hao',
    '1': '了',
    '2': 'k',
    length:3
}
let arr=Array.from(json);//上边的JSON代码转换成数组
console.log(arr)
复制代码

② Array.of()方法：

把一堆数字转换成数组并打印在控制台上：

let arr =Array.of(3,4,5,6); console.log(arr);

字符串也是可以转换的

let arr =Array.of('q,'w','ee'); console.log(arr);

③ find( )实例方法:

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

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

在函数中如果找到符合条件的数组元素就进行return，并停止查找。

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

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

④ fill( )实例方法：

fill()也是一个实例方法，它的作用是把数组进行填充，它接收三个参数，第一个参数是填充的变量，第二个是开始填充的位置，第三个是填充到的位置。

let arr=[0,1,2,3,4,5,6];
arr.fill('ab',1,3);
console.log(arr);//  [0, "ab", "ab", 3, 4, 5, 6]
复制代码

⑤ 数组的遍历

for…of循环：（vue中提过）

let arr=['1','qw','er']
for (let item of arr){
    console.log(item);//输出值
}
for (let index of arr.keys()){
    console.log(index);//输出索引（下标）
}
复制代码

同时输出数组的内容和索引：我们用entries()这个实例方法

for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}
复制代码

ps: entries( )实例方法：

entries()实例方式生成的是Iterator形式的数组，那这种形式的好处就是可以让我们在需要时用next()手动跳转到下一个值。

let arr=['1','qw','er']
let list=arr.entries();
console.log(list.next().value);
console.log(list.next().value);
console.log(list.next().value);


复制代码

输出格式：//[0, "1"] 0: 0 1: "1" length: 2
下同

END.明天见