ES6 运用“...”将多维数组合并取最大值等
Song • 262 次浏览 • 0 个回复 • 2020年11月03日

1、可变参数个数的函数调用
function push(array, ...items) {
array.push(...items);
}
let sum = (...m)=>{
let total = 0;
for(let i of m){
total+=i;
}
console.log(total);
}
let arr = [1,2]
let push(arr,3,4,5)
console.log(arr) //[1,2,3,4,5]
sum(1,2,3,4,5) //15
2、更便捷的数组合并
let arr1 = [1,2];
let arr2 = [5,6];
let newArr = [20];
//es5 旧写法
newArr = newArr.concat(arr1).concat(arr2); //[20,1,2,5,6]
console.log(newArr);
//es6 使用扩展运算符
newArr = [20,...arr1,...arr2]; //[20,1,2,5,6]
console.log(newArr);
3、替代es5的apply方法
// ES5 的写法
function f(x, y, z) {
// ...
}
var args = [0, 1, 2];
f.apply(null, args);
// ES6 的写法
function f(x, y, z) {
// ...
}
var args = [0, 1, 2];
f(...args);
4、求最大值Math.max()
// ES5 的写法
Math.max.apply(null, [14, 3, 77])
// ES6 的写法
Math.max(...[14, 3, 77])
// 等同于
Math.max(14, 3, 77);
通过push函数,将一个数组添加到另一个数组的尾部
// ES5 的写法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
Array.prototype.push.apply(arr1, arr2);
// ES6 的写法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
arr1.push(...arr2);
5、与解构赋值结合,生成新数组
// ES5
a = list[0], rest = list.slice(1)
// ES6
[a, ...rest] = list
下面是另外一些例子。
const [first, ...rest] = [1, 2, 3, 4, 5];
first // 1
rest // [2, 3, 4, 5]
const [first, ...rest] = [];
first // undefined
rest // []:
const [first, ...rest] = ["foo"];
first // "foo"
rest // []
6、将字符串转为真正的数组
[...'hello']
// [ "h", "e", "l", "l", "o" ]
7、将实现了 Iterator 接口的对象转为数组
var nodeList = document.querySelectorAll('div');
var array = [...nodeList];
原创文章,转载请注明 :ES6 运用“...”将多维数组合并取最大值等 - Laravel学习网
原文出处: https://phpartisan.cn/news/148.html
问题交流群 :168117787
- 没有评论