ES6中转换为数组的方法

本文介绍了JavaScript中数组操作的三个关键点:使用扩展运算符合并数组,通过Array.from()实现类数组对象转数组,以及Array.of()创建数组实例。实例演示了这些方法在实际开发中的应用。
摘要由CSDN通过智能技术生成

1.扩展运算符(...)

1.1合并数组

const a1 = [1, 2, 3], a2 = [4], a3 = [5, 6];
const b = [...a1, ...a2, ...a3] // [1, 2, 3, 4, 5, 6]

1.2解构赋值

const [first, ...rest] = [1, 2, 3, 4];
first // 1
rest // [2, 3, 4]

1.3将字符串转换为数组

let obj = [...'hello']  
console.log(obj)  // [ 'h', 'e', 'l', 'l', 'o' ]

2.Array.from()

2.1类数组对象转换成数组

let obj2 = {
    0:'zhangsan',
    1:'lisi',
    2:'wangwu',
    length:3
}
let arr2 = Array.from(obj2)
console.log(arr2);   //[ 'zhangsan', 'lisi', 'wangwu' ]

// 只能迭代可迭代的对象,可迭代的数据
// es5 Array.prototype.slice.call('类数组对象',0)

2.2字符串转换为数组

let obj = 'hello'
let arr1 = Array.from(obj) 
console.log(arr1); //[ 'h', 'e', 'l', 'l', 'o' ]

3.Array.of() 创建数组实例

let arr3 = Array.of(3,4,'tom') //当前所创建数组的第一个元素
console.log(arr3);  // [ 3, 4, 'tom' ]

//Array.of()不存在因为参数的不同导致的重载,基本上可以代替Array()或new Array()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值