总结记录 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]