不定参数
语法：...
类型：数组
作用：指定多个各自独立的参数，通过整合后的数组来访问。
限制：1、最多只能声明一个。2、只能放在参数末尾。
function indefinite (params, ...args) {
console.log(args.length); // 1
console.log(arguments.length); // 2
}
indefinite('lee', 18);
展开运算符
语法：...
作用：指定一个数组或对象，将它们打散后作为各自独立的参数。
数组
最大值最小值
ES5
let arr = [1, 2, 3];
console.log(Math.max.apply(Math, arr)); // 3
ES6
let arr = [1, 2, 3];
console.log(Math.max(...arr)); // 3
等价于
let arr = [1, 2, 3];
console.log(Math.max(1, 2, 3)); // 3
限定最小值
let arr = [-1, -2, -3];
console.log(Math.max(...arr, 0)); // 0
合并数组
ES5
let arr1 = ['a', 'b'];
let arr2 = [1, 2];
arr2.concat(arr1);
ES6
// 方式一
let arr1 = ['a', 'b'];
let arr2 = [1, 2];
arr2.push(...arr1);
// 方式二
let arr1 = ['a', 'b'];
let arr2 = [1, 2, ...arr1];
浅拷贝数组
ES5
let arr1 = ['a', 'b'];
let arr2 = arr1.slice();
ES6
let arr1 = ['a', 'b'];
let arr2 = [...arr1];
将伪书组转为真实数组(arguments、NodeList等)
ES6方式一
let str = "hello";
let arr = Array.from(str);
console.log(arr); // ["h", "e", "l", "l", "o"]
ES6方式二
let str = "hello";
let arr = [...str];
console.log(arr); // ["h", "e", "l", "l", "o"]
解构赋值
let [a, ...b] = [0, 1, 2];
console.log(a); // 0
console.log(b); // [1, 2]
对象
合并
let obj1 = {x:1, y:2};
let obj2 = {...obj1, a:3, b:4};
console.log(obj2); // {x: 1, y: 2, a: 3, b: 4}
浅拷贝对象
let obj1 = {x:1, y:2};
let obj2 = {...obj1};
console.log(obj2); // {x: 1, y: 2}
解构赋值
let {x,y,...z} = {x:1, y:2, a:3, b:4};
console.log(x); // 1
console.log(y); // 2
console.log(z); // {a:3, b:4}
网站导航
网站导航