Array 数组,Array.from()、 Array.of()

本文介绍了JavaScript ES6中的Array.from()和Array.of()两个数组构造函数,它们分别用于将类数组对象转换为数组实例和直接创建数组。通过实例演示了如何使用这两个方法进行浅复制、数组映射,并与旧方法进行对比。
摘要由CSDN通过智能技术生成

Array构造函数还有两个ES6新增的用于创建数组的静态方法:from()和of()。from()用于将类数组结构转换为数组实例,而of()用于将一组参数转换为数组实例。

Array.from()的第一个参数是一个类数组对象,即任何可迭代的结构,或者有一个length属性和可索引元素的结构。
字符串会被拆分为单字符数组:

 console.log(Array.from("Matt")); // ["M", "a", "t", "t"] 

Array.from()对现有数组执行浅复制

const a1 = [1, 2, 3, 4]; 
const a2 = Array.from(a1);  
console.log(a1); // [1, 2, 3, 4] 
alert(a1 === a2); // false 

可以使用任何可迭代对象

  const iter = { 
   *[Symbol.iterator]() { 
    yield 1;  
    yield 2;  
    yield 3;  
    yield 4;  
  } };
   console.log(Array.from(iter)); // [1, 2, 3, 4] 

Array.from()还接收第二个可选的映射函数参数。这个函数可以直接增强新数组的值,而无须像调用Array.from().map()那样先创建一个中间数组。还可以接收第三个可选参数,用于指定映射函数中this的值。但这个重写的this值在箭头函数中不适用。

const a1 = [1, 2, 3, 4];
const a2 = Array.from(a1, x => x**2); 
const a3 = Array.from(a1, function(x) {
	return x**this.exponent
}, {exponent: 2}); 
console.log(a2); // [1, 4, 9, 16] console.log(a3); // [1, 4, 9, 16] 

Array.of()可以把一组参数转换为数组。这个方法用于替代在ES6之前常用的Array.prototype. slice.call(arguments),一种异常笨拙的将arguments对象转换为数组的写法:

console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4]
console.log(Array.of(undefined)); // [undefined] 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值