ES6 —— 填充数组fill( )、数组的遍历 for…of、获取数组索引arr.keys()、获取数组的内容和索引arr.entries()

1、把数组进行填充  fill( )实例方法

ES6 —— 数组常用方法（entries、for...of、fill、find、Array.of、Array.from）_es6 entries find-CSDN博客

fill() 也是一个实例方法。

它的作用是把数组进行填充。它接收三个参数

第一个参数是填充的变量

第二个是开始填充的位置

第三个是填充到的位置(不填则默认是数组的长度)。

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

上边的代码是把数组从第二位到第五位用 a 进行填充。

2、数组的遍历 for…of 循环

ES6 —— 数组常用方法（entries、for...of、fill、find、Array.of、Array.from）_es6 entries find-CSDN博客

这种形式比 ES5 的 for 循环要简单而且高效。

先来看一个最简单的for…of循环：

let arr = ["a", "b", "c"];
for (let item of arr) {
    console.log(item); // a  b  c
}

 

① 获取数组索引

那我们可以使用下面的代码输出数组索引 arr.keys()

let arr = ["a", "b", "c"];
for (let item of arr.keys()) {
    console.log(item); // 0  1  2
}

可以看到这时的控制台就输出了0 1 2，也就是数组的索引。

 

② 获取数组的内容

输出数组索引 arr.values()

let arr = ["a", "b", "c"];
for (let item of arr.values()) {
    console.log(item); // a  b  c
}

 

③ 获取数组的内容和索引

我们用 arr.entries() 这个实例方法，配合我们的 for…of 循环就可以同时输出内容和索引了。

let arr = ["a", "b", "c"];
for (let [index, value] of arr.entries()) {
    console.log(index + ':' + value);
}
// 0:a
// 1:b
// 2:c

 

④ entries() 实例方法

entries() 实例方式生成的是 Iterator 形式的数组。

那这种形式的好处就是可以让我们在需要时用 next() 手动跳转到下一个值。

我们来看下面的代码：

let arr=['a','b','c']
let list=arr.entries();
console.log(list.next().value) // [0, "a"]
console.log(list.next().value) // [1, "b"]
console.log(list.next().value) // [2, "c"]