📜  在 js 之后删除 - Javascript (1)

📅  最后修改于: 2023-12-03 14:50:58.197000             🧑  作者: Mango

在 js 之后删除 - Javascript

在 Javascript 中,有时候需要删除或者排除某些元素或者属性,本文将介绍如何在 js 中实现删除操作。

删除元素
数组删除元素
  1. 使用 splice 方法

使用 Array 对象的 splice() 方法来删除数组元素。splice() 方法在修改数组时会修改原数组,并返回已删除的元素。

const arr = [1, 2, 3, 4, 5];
arr.splice(2, 1);
// arr 现在为 [1, 2, 4, 5]
  1. 使用 filter 方法

使用 Array 对象的 filter() 方法来删除数组元素。filter() 方法会创建一个新数组,其中包含了所有通过测试的值。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(num => num !== 3);
// arr 的值还是 [1, 2, 3, 4, 5],newArr 的值为 [1, 2, 4, 5]
对象删除元素
  1. 使用 delete 方法

使用 delete 关键字来删除对象的一个属性。delete 关键字会删除属性并将其值置为 undefined

const obj = { foo: "bar", baz: "qux" };
delete obj.foo;
// obj 现在为 { baz: "qux" }
排除元素
数组排除元素
  1. 使用 filter 方法

使用 Array 对象的 filter() 方法来排除数组元素。filter() 方法会创建一个新数组,其中包含了所有通过测试的值。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(num => num !== 3);
// arr 的值还是 [1, 2, 3, 4, 5],newArr 的值为 [1, 2, 4, 5]
  1. 使用 slice 方法

使用 Array 对象的 slice() 方法来排除数组元素。slice() 方法不会修改原数组,并返回一个新数组。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(0, 2).concat(arr.slice(3));
// arr 的值还是 [1, 2, 3, 4, 5],newArr 的值为 [1, 2, 4, 5]
对象排除元素
  1. 使用 Object.assign 方法

使用 Object 对象的 assign() 方法来排除对象的一个或多个属性。assign() 方法会创建一个新对象,并将目标对象中的所有属性复制到新对象中。

const obj = { foo: "bar", baz: "qux" };
const { foo, ...newObj } = obj;
// obj 的值还是 { foo: "bar", baz: "qux" },newObj 的值为 { baz: "qux" }
  1. 使用扩展运算符

使用扩展运算符来排除对象的一个或多个属性。扩展运算符会创建一个新对象,并将目标对象中的所有属性复制到新对象中。

const obj = { foo: "bar", baz: "qux" };
const { foo, ...newObj } = obj;
// obj 的值还是 { foo: "bar", baz: "qux" },newObj 的值为 { baz: "qux" }

以上就是在 Javascript 中删除或排除元素的方法,可以根据不同的场景选择使用不同的方法。希望对各位程序员有所帮助!