【ES9系列】Object 的 Rest & Spread 方法

Spread /spred/ 伸展，展开

const input = {
  a: 1,
  b: 2
}
const test = {
  d: 6
}
const output = {
  ...input, // 把 input 对象的内容打散到output对象里
  ...test,
  c: 3
}
console.log(input, output) // {a: 1, b: 2} {a: 1, b: 2, d: 6, c: 3}
input.a = 4
console.log(input, output) //{a: 4, b: 2} {a: 1, b: 2, d: 6, c: 3}
// 可见Object的Spread实现的是一个浅拷贝

Rest 剩余部分

// 应用场景：对多类目数据进行分类获取，需要的类目提取出来，剩下的放进 rest 对象里
const input = {
  a: 1,
  b: 2,
  c: 3,
  d: 4,
  e: 5
}
const {
  a,
  b,
  ...rest
} = input
console.log(a, b, rest) // 1 2 {c: 3, d: 4, e: 5}