美文网首页
es6数组扩展

es6数组扩展

作者: 变量只提升声明不提升赋值 | 来源:发表于2020-08-24 14:40 被阅读0次

扩展运算符...

console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

[...document.querySelectorAll('div')]
// [<div>, <div>, <div>]

...可以将一个数组,变为参数序列。

他可以有效的代替apply方法
去数组中的最大元素的值

// ES5 的写法
Math.max.apply(null, [14, 3, 77])

// ES6 的写法
Math.max(...[14, 3, 77])

// 等同于
Math.max(14, 3, 77);

将一个数组添加到另一个数组里

// ES5的 写法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
Array.prototype.push.apply(arr1, arr2);

// ES6 的写法
let arr1 = [0, 1, 2];
let arr2 = [3, 4, 5];
arr1.push(...arr2);

相关文章

网友评论

      本文标题:es6数组扩展

      本文链接:https://www.haomeiwen.com/subject/pvigjktx.html