JS运算符 （...）了解及使用

这个运算符一般用于数组数据获取 数据解构合并等

这个一般用于数组，对对象直接使用的话会报错

展开项

let a = [1,2,,4,4];
let b = [2,3,4];
console.log(a);      // [1, 2, empty, 4, 4]
console.log(...a);   // 1 2 undefined 4 4
console.log([...a, ...b]);   // [1, 2, undefined, 4, 4, 2, 3, 4]

解构

var d,e,rest;
[d,e,...rest] = [1,2,3,4,5,6,7,8,9];
console.log("d, e, rest", d, e, rest)   // d, e, rest 1 2 (7) [3, 4, 5, 6, 7, 8, 9]

注意这里的顺序问题：

 这么写是报错的

获取全部参数 

function sum(...num){
	console.log('num', num);  // num (4) [1, 2, 3, 4]
	return num.reduce((pre, cur) => {
		return pre + cur
	})
}
console.log(sum(1,2,3,4));   // 10

对象使用

注：对象使用的话必须在外层添加 {}  ，否则会报错

// 构造字面量对象使用展开语法
let person = { name: '小张', age: 12}
let person2 = {...person}

// console.log(...person);  // 报错  展开运算符不能使用在对象上
// 下面的写法 是创建对象字面量的形式
person.name = 'jerry';
console.log("person", person);    // person {name: 'jerry', age: 12}
console.log("person2", person2);  // person2 {name: '小张', age: 12}

可以看到对象的深拷贝是可以

对象合并

// 合并
let person = { name: '小张', age: 12}
let person3 = { ...person,name: 'jack',address:"12233"}
console.log("person3",person3);   // person3 {name: 'jack', age: 12, address: '12233'}