JavaScript 中怎么使用解构赋值实现对象的浅拷贝与属性剔除-js教程-PHP中文网

javascript中可用解构赋值配合展开运算符实现对象浅拷贝和剔除属性：1. 浅拷贝通过{...obj}创建新对象，仅复制自有可枚举属性；2. 剔除单个属性用const {key, ...rest} = obj；3. 剔除多个属性可一次解构列出或链式解构。

javascript 中怎么使用解构赋值实现对象的浅拷贝与属性剔除

JavaScript 中用解构赋值可以简洁地实现对象的浅拷贝和剔除指定属性，核心在于利用展开运算符（...）配合解构语法，跳过不需要的属性。

浅拷贝：用展开运算符复制对象

解构赋值本身不直接创建副本，但结合展开运算符可快速生成一个新对象，只包含原对象的自有可枚举属性（即浅拷贝）：

const original = { a: 1, b: 2, c: { d: 3 } };
const copy = { ...original }; // 浅拷贝
copy.a = 99;
console.log(original.a); // 1（未变）
console.log(copy.c === original.c); // true（嵌套对象仍共享引用）

剔除单个属性：解构跳过 + 展开剩余属性

通过解构时忽略某个键，并用 rest 操作符收集其余属性，自然实现剔除：

写法：const { unwantedKey, ...rest } = obj;
rest 是一个不含 unwantedKey 的新对象
原对象不受影响

示例：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const user = { name: 'Alice', age: 30, email: 'a@example.com' };
const { email, ...userInfo } = user;
console.log(userInfo); // { name: 'Alice', age: 30 }

剔除多个属性：连续解构或嵌套 rest

剔除多个属性有两种常用方式：

方式一（推荐）：一次解构中列出所有要剔除的键
const { email, age, ...rest } = user; → 剔除 email 和 age
方式二：链式解构（适合动态场景）
先剔除一个，再从结果中剔除另一个：const { email, ...tmp } = user; const { age, ...final } = tmp;

注意：不能写成 { email, age, ...rest } = user 后再对 rest 二次解构来“恢复”被剔除的字段——rest 里本来就没有它们。