记录--JavaScript中删除对象的某个或某些属性

最新推荐文章于 2025-05-13 09:37:41 发布

原创最新推荐文章于 2025-05-13 09:37:41 发布 · 135 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js #开发语言 #ecmascript

本文介绍了JavaScript中两种删除对象属性的方法：delete操作符和对象解构。delete用于删除指定属性，若无引用则会被释放。而对象解构可以一次性删除多个属性，并且不会改变原始对象。示例展示了如何使用这两种方法。

1、delete操作符删除

delete操作符用于删除对象的某个属性；没有指向这个属性的引用，则会被释放。

const obj = {
    name: 'yibo',
    age: 25
}

console.log("one---" + obj.name)  // one---yibo

delete obj.name
console.log("two---" +obj.name)  // two---undefined

2、对象解构删除

// 使用对象解构，支持一次删除多个属性，并且不会更改原始对象。
 
const obj = { 
    name: 'yibo', 
    age: 25, 
    gender: 'female' 
  }; 
   
  const { gender, ...newObj } = obj; 
  console.log(Object.keys(obj)); // [ 'name', 'age', 'gender' ]

  console.log(Object.keys(newObj)); // [ 'name', 'age']