js中展开运算符...的用法

2018.05.03 09:34 阅读 456 评论 0

es6中新添加了展开运算符,其中展开运算符可以用来操作数组和对象。

  • 追加数组或对象中的内容
  • 合并数组或对象
  • 复制数组或对象

1.追加或合并对象中的内容

const foo = {
  name: 'lisi',
  age: 33
}

// 将foo中的内容合并到bar中
const bar = {
  ...foo,
  sex: 'boy',
  email: 'kkfor@kkfor.com'
}
console.log(bar)    // { name: 'lisi', age: 33, sex: 'boy', email: 'kkfor@kkfor.com' }

// 复制foo对象
const foo2 = {...foo}
console.log(foo2)    // { name: 'lisi', age: 33 }
  1. 追加或合并数组中的内容
const fruit = ['apple', 'pear']

// 将fruit中的内容合并到myFruit中
const myFruit = [...fruit, 'banana', 'orange']
console.log(myFruit)    // [ 'apple', 'pear', 'banana', 'orange' ]

// 复制fruit中的内容
const fruit2 = [...fruit]
console.log(fruit)    // [ 'apple', 'pear' ]
0 条评论
发布