一。数组展开运算符
1.怎么用:
注:扩展运算符,可以将一个数组转为用逗号分隔的参数序列;...[1,2,3]-----1,2,3
console.log(Math.max(...[1, 2, 3, 4]));//相当于以下[1,2,3,4]->1,2,3,4 console.log(Math.max(1, 2, 3, 4));
二。区分展开运算符和剩余参数
const fn = (...args) => {//剩余参数 console.log(args);// [1, 2, 3, 4]剩余参数 console.log(...args);//1 2 3 4 展开运算符 } fn(1,2,3,4);
三。应用
1.复制数组,新数组是全新的,和原来数组地址不同;
const arr = [1, 2, 3, 4]; const arr1 = [...arr]; console.log(arr1);//[1,2,3,4] console.log(arr1 === arr);//false
2.合并数组
const arr = [1, 2, 3, 4]; const arr1 = [5, 6]; const arr2 = [7, 8]; const arr3 = [...arr, ...arr1, ...arr2]; console.log(arr3);//[1, 2, 3, 4, 5, 6, 7, 8]
3.字符串转为数组:字符串可以像数组一样展开
console.log(...'abcd');//a b c d 'abcd'->a,b,c,d console.log([...'abcd']);//['a', 'b', 'c', 'd']
4.类数组arguments和nodelist转为数组:[...arguments]即可;因为类数组没有数组的一些方法,转为数组后这样会方便操作;
二。对象展开运算符
标签:ES6,console,log,...,运算符,数组,const,展开 From: https://www.cnblogs.com/zhoushangquan/p/17039837.html