js中删除对象属性的简便方法

需求

有时候我们后台获取到数据库中获取的数据属性比较多，但是我只想删除一两个属性，怎么才会比较简便？

方法

使用delete操作符：

• 优点：
  • 简单直接，语法清晰，适用于删除单个属性。
  • 不会直接创建新对象，直接在原对象上进行操作。
• 缺点：
  • 不能删除继承的属性。
  • 可能会影响性能，因为使用delete操作符会将对象属性变为undefined，而不是真正删除。

let obj = {
    a: 'lallal',
    b: 'ooooo',
    c: 'hhhhhh',
    d: 1,
    e: 2
};

delete obj.c;

console.log(obj);

使用Object.assign()方法

• 优点：
  • 可以同时删除多个属性。
  • 不会直接修改原始对象，不会影响原对象的性能。
  • 适用于复制对象并删除特定属性。
• 缺点：
  • 需要额外创建一个新的对象，可能会占用更多的内存空间。

let obj = {
    a: 'lallal',
    b: 'ooooo',
    c: 'hhhhhh',
    d: 1,
    e: 2
};

let newObj = Object.assign({}, obj);
delete newObj.c;
console.log(newObj);

使用ES6的解构赋值方法：

• 优点：
  • 可以同时删除多个属性。
  • 不会直接修改原始对象，不会影响原对象的性能。
  • 语法简洁，适用于复制对象并删除特定属性。
• 缺点：
  • 需要使用ES6语法，可能不兼容较旧的浏览器。

let obj = {
    a: 'lallal',
    b: 'ooooo',
    c: 'hhhhhh',
    d: 1,
    e: 2
};

let {c, ...newObj} = obj;
console.log(newObj);