ES6(ECMAScript 6) 数组新功能


1、for…of循环迭代

与 for…in 循环类似 ,同样把迭代数组里的所有值迭代了一次,但不同的是,for…in 里迭代出来的变量是该值的下标,而for…of迭代出来的变量就是该值。如:

let arr = [{name:1,age:2},2];

for ( let n of arr ) {
	console.log(n); // {name:1,age:2} , 2
}

for ( let i in arr ) {
	console.log(i); // 0 , 1
} 

2、ֵ使用 @@iterator 对象

该属性可以返回一个包含数组键值对的迭代器对象,可以通过同步调用得到数组元素的键值对。

其属性需要通过 Symbol.iterator 来访问,如:

let arr = [{name:1,age:2},2];

let arr1 = arr[Symbol.iterator]();

console.log(arr1.next().value);// {name: 1, age: 2}
console.log(arr1.next().value);// 2
console.log(arr1.next().value);// undefined

// 或者我们这样使用
for ( let n of arr1 ) {
	console.log(n);
}

在这里,不断调用迭代器的 next 方法,就能依次得到 数组中的值,因为 arr 数组中只有两个值,所以需要调用 2次 next().value 。

而当数组中的所有值都迭代完后,再次调用该方法则会返回 undefined。

3、数组的 entries、keys、values 方法

entries 方法返回包含键值对的 @@iterator。如:

let arr = [{name:1,age:2},2];

let arr1 = arr.entries();
console.log(arr1.next().value);// [0,{name: 1, age: 2}]
console.log(arr1.next().value);// [1,2];

keys 方法返回包含数组索引的 @@iterator。如:

let arr = [{name:1,age:2},2];

let arr1 = arr.keys();
console.log(arr1.next());// {value:0,done:false}
console.log(arr1.next());// {value:1,done:false}
console.log(arr1.next());// {value: undefined, done: true}

其中,done 属性为 false 时,意味着该值存在,可迭代。


values 方法返回包含数组值的 @@iterator。如:

let arr = [{name:1,age:2},2];

let arr1 = arr.values();
console.log(arr1.next());// {value:{name: 1, age: 2},done:false}
console.log(arr1.next());// {value:2,done:false}
console.log(arr1.next());// {value: undefined, done: true}

4、from 方法

Array.from 方法根据已有的数组创建一个新数组。如:

let arr = [1,2,3,4,5,6];

let arr1 = Array.from(arr);// arr1 = [1,2,3,4,5,6];

也可以传入一个用来过滤值的函数

const fn = x => x % 2 == 0;

let arr2 = Array.from(arr , fn);// arr2 = [false,true,false,true,false,true]; 

上面例子里会创建一个 arr2 数组,以及值 true(如果在原数组里值为偶数) 或 false(如果在原数组里值为奇数) 。

5、使用 of 方法

Array.of 方法根据传入的参数创建一个新数组。如:

let arr1 = Array.of(1); // 其等同于 let arr1 = [1]

同样的,我们也可以用该方法复制已有的数组

let arrCopy = Array.of(...arr1);

上面的例子和 Array.from(arr1) 的效果是一样的。

区别是用到了展开运算符(…),展开运算符会把 arr1 数组里的值都展开成参数。

6、使用 fill 方法

fill 方法用静态值填充数组。如:

let arr = [1,2,3,4];

arr.fill(0);

此时,arr 数组所有位置上的值都会变成0 ( [0,0,0,0] )。

当然,我们也可以指定开始填充的索引。如:

arr.fill(2,1);

那么,此时的arr数组里从1开始的所有位置的值都是2([0,2,2,2])

同样的,我们也可以指定结束填充的索引。如:

arr.fill(1,2,4);

这时的arr数组里的值分别为 [0,2,1,1]

7、使用 copyWithin 方法

copyWithin 方法会复制数组中的一系列元素到同意数组指定的起始位置。

假设我们想要把 1,2,3这三个值复制到数组后三个位置,得到 [1,2,3,1,2,3] 这个数组,可以使用该方法达到目的。

let arr = [1,2,3,4,5,6];

arr.copyWithin(0,3);

假设我们想把1,2两个值(索引值0和1),复制到位置 4和5。

let arr = [1,2,3,4,5,6];

arr.copyWithin(3,0,2);

这里表示的是,从位置0开始,到位置2结束的元素复制到位置3,结果得到的是 [1,2,3,1,2,6]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值