当前位置：首页 > news >正文

ES6中解构的使用

news 2025/7/25 20:57:06

一、提取几个属性，构造一个新的对象

在JavaScript中，你可以使用对象解构（Object Destructuring）来提取一个对象中的几个属性，并构造一个新的对象。下面是一个示例：
在这个例子中，name和email属性被从originalObject中提取出来，并且被用来创建一个新的对象newObject。

// 假设有一个包含多个属性的对象
const originalObject = {name: 'Alice',age: 25,email: 'alice@example.com',phone: '123-456-7890',address: '123 Main St'
};// 你只想提取'name'和'email'属性
const { name, email } = originalObject;// 使用提取的属性构造一个新的对象
const newObject = { name, email };console.log(newObject); // 输出: { name: 'Alice', email: 'alice@example.com' }

二、提取的属性名与目标对象中的属性名不同

如果你想要更灵活地处理这种情况，比如提取的属性名与目标对象中的属性名不同，你可以使用如下方式：

// 假设你想将'name'属性重命名为'username'
const { name: username, email } = originalObject;// 构造一个新对象，其中包含重命名的属性
const newObject = { username, email };console.log(newObject); // 输出: { username: 'Alice', email: 'alice@example.com' }

三、解构出我们需要的属性

由于this.form中的属性很多，很多都是不需要的，我们需要对此进行解构，拿出我们需要的属性

        let {nickName, phonenumber, businessLicenseNumber,legalRepresentative, address, industryId,riskLevel, attribute, type, businessScope, dateOfEstablishment,userId} = this.formlet obj = {nickName,phonenumber,businessLicenseNumber,legalRepresentative,address,industryId,attribute,type,businessScope,dateOfEstablishment,userId}