ES6扩展运算符（三点运算符）...的用法

总结记录 ES6扩展运算符（三点运算符）…的用法

一、操作对象

展开

let user = { name:'小明' , age:28 }

let userInfo = {
	...user,
	description:'info'
} 
// {name: "小明", age: 28, description: "info"}

合并

let user = { name:'小明' , age:28 }
let info = { description:'info' }

let userInfo = {...user,...info}
// {name: "小明", age: 28, description: "info"}

拓展：利用 Object.assign() 也可以实现

let user = { name:'小明' , age:28 }
let info = { description:'info' }

let userInfo = Object.assign(user,info)
// {name: "小明", age: 28, description: "info"}

解构

let userInfo = { name:'小明' , age:28 , description:'info' }

let { name , ...other } = userInfo
// 小明 {age: 28, description: "info"}

二、操作数组

展开

let arr = [1,2,3]

let newArr = [0 , ...arr , 5]
// [0, 1, 2, 3, 5]

合并

let arr = [1,2,3]
let newArr = [4,5]

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

解构

let arr = [1,2,3,4,5]

let [a,b,...other] = arr
// 1 2  [3, 4, 5]