用四个方法解决js对象属性删除，轻松获取新对象

2023-12-26 16:51:50

前言

在JavaScript中，对象是一种非常重要的数据类型，它可以存储一系列键值对，从而帮助我们组织和管理数据。在某些情况下，我们可能需要从对象中删除某个属性，并生成一个新的对象。本文将介绍四种在JavaScript中删除对象属性的方法，分别是：

for + if
delete
JSON.stringify() 的第二个参数
结构赋值

一、for + if

for + if是最简单的方法，通过使用for循环来遍历对象中的每个属性，并使用if语句来检查每个属性是否等于我们要删除的属性。如果是，则将其从对象中删除。

const obj = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

// 使用 for + if 来删除对象中的 "city" 属性
for (const key in obj) {
  if (key === 'city') {
    delete obj[key];
  }
}

console.log(obj); // { name: 'John Doe', age: 30 }

二、delete

delete运算符也可以用来删除对象中的属性。delete运算符直接删除对象中的指定属性，如果该属性不存在，则不会报错。

const obj = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

// 使用 delete 来删除对象中的 "city" 属性
delete obj.city;

console.log(obj); // { name: 'John Doe', age: 30 }

三、JSON.stringify() 的第二个参数

JSON.stringify() 方法可以将一个对象转换成 JSON 字符串。如果我们在调用 JSON.stringify() 方法时，指定第二个参数为一个数组，则该数组中列出的属性将被从对象中删除。

const obj = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

// 使用 JSON.stringify() 的第二个参数来删除对象中的 "city" 属性
const newObj = JSON.parse(JSON.stringify(obj, ['name', 'age']));

console.log(newObj); // { name: 'John Doe', age: 30 }

四、结构赋值

结构赋值是一种新的语法，它可以让我们轻松地从对象中提取所需的数据。如果我们想删除对象中的某个属性，我们可以使用结构赋值来创建一个新的对象，而不包含该属性。

const obj = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

// 使用结构赋值来创建一个新的对象，不包含 "city" 属性
const { name, age } = obj;

console.log(name); // John Doe
console.log(age); // 30