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

最新推荐文章于 2022-09-01 20:18:29 发布

zoe驿鹿

最新推荐文章于 2022-09-01 20:18:29 发布

阅读量440

点赞数

分类专栏： ES9 Javascript 基本功文章标签： Rest Spread Object

本文链接：https://blog.csdn.net/webFrontEndDev/article/details/103143887

版权

Javascript 基本功同时被 2 个专栏收录

43 篇文章

订阅专栏

ES9

4 篇文章

订阅专栏

本文深入探讨了JavaScript中Spread与Rest操作符的应用场景，包括对象属性的展开与合并，以及如何使用Rest参数捕获对象中未指定的剩余属性。通过实际代码示例，展示了这些操作符如何帮助开发者更高效地处理数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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}