从JavaScript中删除对象的空白属性

在前端开发中，我们经常需要操作 JavaScript 对象。有时候我们会遇到一些对象中包含了空白属性（即值为 null 或 undefined 的属性），而这些属性对我们的代码逻辑并没有实际的作用，反而可能会影响代码的性能和可读性。那么如何在 JavaScript 中删除对象的空白属性呢？本文将为大家详细介绍。

方法一：使用 for-in 循环

最常见的方法莫过于使用 for-in 循环遍历对象，检查每个属性是否为空白属性，如果是，则使用 delete 关键字删除该属性。

function removeEmptyProps(obj) {
  for (var propName in obj) {
    if (obj[propName] == null) {
      delete obj[propName];
    }
  }
}

这个方法很简单易懂，但是它的缺点也很明显：它只能删除对象自身的属性，无法处理原型链上的属性；同时也无法处理某些特殊的属性（例如不可枚举的属性）。

方法二：使用 Object.keys() 方法

ES5 引入了一个新的方法 Object.keys()，它返回对象自身可枚举属性的名称数组。我们可以利用这个方法，先获取对象所有的属性名，然后再遍历这个数组，判断每个属性的值是否为空白属性，最后删除相应的属性。

function removeEmptyProps(obj) {
  Object.keys(obj).forEach(function(propName) {
    if (obj[propName] == null) {
      delete obj[propName];
    }
  });
}

这个方法相对于第一种方法，代码更简洁、更易读。同时也可以处理原型链上的属性。

方法三：使用 Lodash 库

Lodash 是一个非常流行的 JavaScript 实用工具库，它提供了很多实用的函数和工具类，其中就包括删除对象空白属性的函数 omitBy。

const _ = require('lodash');

const data = { a: 1, b: null, c: undefined };

_.omitBy(data, _.isNil);

以上代码会返回一个新对象 {a: 1}，其中 _.isNil 是一个 Lodash 函数，用来检查一个值是否为空白值。与前两种方法相比，使用 Lodash 库可以让我们更快速地完成这个任务，并且还能处理更多的情况。

总结

本文介绍了三种方法来删除 JavaScript 对象的空白属性。第一种方法是使用 for-in 循环遍历对象，缺点是无法处理原型链上的属性和不可枚举的属性；第二种方法是使用 Object.keys() 方法获取对象所有可枚举属性，代码更简洁，但仍无法处理不可枚举的属性；第三种方法是使用 Lodash 库的 omitBy 函数，代码最为简洁，功能最为完备。在实际开发中，我们可以根据具体情况选择合适的方法来删除对象的空白属性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11360