在JS中删除对象的某个属性常见的几种方案总结_javascript技巧

在 JavaScript 中，如果你想删除一个对象的某个属性，可以使用 delete 操作符。下面是一个简单的示例：

let obj = { name: 'Alice', age: 25, city: 'New York'};// 删除 'age' 属性delete obj.age;console.log(obj); // { name: 'Alice', city: 'New York' }

delete 操作符会从对象中删除指定的属性。如果属性存在，它会删除该属性并返回 true，如果属性不存在，返回 true，但对象保持不变。注意，delete 不能删除对象的不可配置属性，比如由 Object.defineProperty 设置的属性。

除了 delete 操作符，还有几种方式可以“移除”对象的某个属性，下面是几种常见的方法：

如果你不想修改原始对象，可以使用解构赋值来创建一个新对象，排除掉某个属性。

let obj = { name: 'Alice', age: 25, city: 'New York'};// 使用解构赋值来排除 'age' 属性const { age, ...newObj } = obj;console.log(newObj); // { name: 'Alice', city: 'New York' }

这种方法会创建一个新的对象 newObj，不包含 age 属性，原始对象 obj 不会被改变。

你还可以通过 Object.entries() 将对象转换为键值对数组，然后使用 filter 函数排除掉需要删除的属性，最后用 Object.fromEntries() 将结果转换回对象。

let obj = { name: 'Alice', age: 25, city: 'New York'};// 删除 'age' 属性const newObj = Object.fromEntries( Object.entries(obj).filter(([key]) => key !== 'age'));console.log(newObj); // { name: 'Alice', city: 'New York' }

这种方法也是创建了一个新的对象，不会修改原始对象。

Reflect.deleteProperty() 是 delete 操作符的一个替代方法，它的行为更加一致，并且返回布尔值，表示是否删除成功。

let obj = { name: 'Alice', age: 25, city: 'New York'};// 使用 Reflect.deleteProperty 删除 'age' 属性Reflect.deleteProperty(obj, 'age');console.log(obj); // { name: 'Alice', city: 'New York' }

这种方法会修改原始对象，并返回删除操作的结果（true 或 false）。

选择哪种方式取决于你的需求，尤其是是否需要保持原始对象不变。

下面是几种实现方式的示例：

let array = [ { name: 'Alice', age: 25, city: 'New York' }, { name: 'Bob', age: 30, city: 'Los Angeles' }, { name: 'Charlie', age: 35, city: 'Chicago' }];// 删除每个对象的 'age' 属性array.forEach(obj => { delete obj.age;});console.log(array);// [// { name: 'Alice', city: 'New York' },// { name: 'Bob', city: 'Los Angeles' },// { name: 'Charlie', city: 'Chicago' }// ]

这里我们直接遍历每个对象，使用 delete 删除 age 属性。注意，这会修改原始对象。

如果你不想修改原始对象，可以使用 map() 和解构赋值来创建一个新对象并删除指定属性。

let array = [ { name: 'Alice', age: 25, city: 'New York' }, { name: 'Bob', age: 30, city: 'Los Angeles' }, { name: 'Charlie', age: 35, city: 'Chicago' }];// 删除每个对象的 'age' 属性let newArray = array.map(({ age, ...rest }) => rest);console.log(newArray);// [// { name: 'Alice', city: 'New York' },// { name: 'Bob', city: 'Los Angeles' },// { name: 'Charlie', city: 'Chicago' }// ]

这种方法不会修改原始的 array，而是返回一个新的数组 newArray，其中每个对象都没有了 age 属性。

如果对象较复杂，可以用 Object.entries() 和 Object.fromEntries() 结合 map() 来删除属性。

let array = [ { name: 'Alice', age: 25, city: 'New York' }, { name: 'Bob', age: 30, city: 'Los Angeles' }, { name: 'Charlie', age: 35, city: 'Chicago' }];// 删除每个对象的 'age' 属性let newArray = array.map(obj => Object.fromEntries(Object.entries(obj).filter(([key]) => key !== 'age')));console.log(newArray);// [// { name: 'Alice', city: 'New York' },// { name: 'Bob', city: 'Los Angeles' },// { name: 'Charlie', city: 'Chicago' }// ]

这种方式是通过转换为键值对数组，过滤掉不需要的属性，再转换回对象，适用于更复杂的操作。

let array = [ { name: 'Alice', age: 25, city: 'New York' }, { name: 'Bob', age: 30, city: 'Los Angeles' }, { name: 'Charlie', age: 35, city: 'Chicago' }];// 使用 Reflect.deleteProperty 删除每个对象的 'age' 属性array.forEach(obj => { Reflect.deleteProperty(obj, 'age');});console.log(array);// [// { name: 'Alice', city: 'New York' },// { name: 'Bob', city: 'Los Angeles' },// { name: 'Charlie', city: 'Chicago' }// ]

这种方法与 delete 类似，但是使用 Reflect.deleteProperty() 来删除属性。它也会修改原始对象。

到此这篇关于在JS中删除对象的某个属性常见的几种方案的文章就介绍到这了,更多相关JS删除对象某个属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

上一篇：JavaScript表单及正则表达式验证实例代码ja

下一篇：前端代码打包与压缩的完整指南javascript技