JS删除对象中的某个元素|极客笔记

JS删除对象中的某个元素

在JavaScript中，对象是一种非常常见的数据类型，它由一组键值对组成。有时候我们需要删除对象中的某个元素，本文将详细介绍如何在JavaScript中删除对象中的某个元素。

方法一：delete关键字

JavaScript中的delete关键字可以用来删除对象的属性。它的语法如下：

delete objectName.propertyName;

其中，objectName是要删除属性的对象的名称，propertyName是要删除的属性的名称。

下面是一个简单的示例代码：

let person = {
  name: "Alice",
  age: 30,
  city: "New York"
};

console.log(person); // 输出 { name: "Alice", age: 30, city: "New York" }

delete person.city;

console.log(person); // 输出 { name: "Alice", age: 30 }

上面的代码中，我们首先定义了一个person对象，然后使用delete关键字删除了其中的city属性。最后输出person对象，可以看到city属性已经被成功删除。

需要注意的是，delete关键字只能删除对象的属性，无法删除对象中的方法。

方法二：使用Object.assign()

另一种删除对象属性的方法是使用Object.assign()方法。该方法将一个或多个源对象的属性复制到目标对象。当想要删除对象中的某个属性时，可以将要删除的属性设为undefined。

下面是一个示例代码：

let person = {
  name: "Bob",
  age: 25,
  city: "Los Angeles"
};

console.log(person); // 输出 { name: "Bob", age: 25, city: "Los Angeles" }

Object.assign(person, { city: undefined });

console.log(person); // 输出 { name: "Bob", age: 25, city: undefined }

在上面的代码中，我们首先定义了一个person对象，然后使用Object.assign()方法将city属性设为undefined，即删除了city属性。

方法三：使用对象的destructuring

ES6中引入了对象的destructuring语法，可以方便地删除对象的属性。具体做法是在解构赋值时使用对象的解构语法，并排除要删除的属性。

下面是一个示例代码：

let person = {
  name: "Tom",
  age: 28,
  city: "Chicago"
};

console.log(person); // 输出 { name: "Tom", age: 28, city: "Chicago" }

let { city, ...newPerson } = person;

console.log(newPerson); // 输出 { name: "Tom", age: 28 }

上面的代码中，我们使用对象的destructuring语法，排除了city属性，将其余属性赋值给了newPerson对象，实现了删除对象中的city属性。

方法四：使用lodash库

如果项目中使用了lodash库，可以使用其提供的omit()方法来删除对象的属性。omit()方法接收一个对象和一个或多个要删除的属性名，返回一个新的对象，将指定属性从原对象中删除。

下面是一个示例代码：

const _ = require("lodash");

let person = {
  name: "Lily",
  age: 22,
  city: "Houston"
};

console.log(person); // 输出 { name: "Lily", age: 22, city: "Houston" }

let newPerson = _.omit(person, "city");

console.log(newPerson); // 输出 { name: "Lily", age: 22 }

在上面的代码中，我们首先引入了lodash库，然后使用omit()方法删除了person对象中的city属性，得到了新的对象newPerson。