从 JavaScript 对象中删除未定义的值

当你处理 JavaScript 对象时，你可能会遇到一些未定义的属性或者值。这些未定义的属性或值可能会导致代码出现错误或者不必要的行为。因此，为了让你的程序更加健壮，你需要在程序中删除这些未定义的属性或值。

本文将介绍如何从 JavaScript 对象中删除未定义的值，并提供一些示例代码供参考。

使用 delete 关键字删除未定义的属性

使用 JavaScript 中的 delete 关键字，你可以从对象中删除属性。如果你试图删除一个不存在的属性，该操作不会有任何效果。

下面是一个删除从对象中删除未定义的属性的示例代码：

const myObject = { foo: 'bar', baz: undefined, qux: null };

delete myObject.baz // 删除未定义的属性

上述代码中，我们使用了 delete 关键字删除了对象 myObject 中的属性 baz，该属性的值为 undefined 。因为该属性并不存在于 myObject 对象中，所以该操作不会产生任何效果。

使用 filter 方法删除未定义的值

你也可以使用 JavaScript 中的 filter 方法来删除对象中的未定义值。filter 方法创建一个新的数组，只包含符合指定条件的元素。在这种情况下，我们可以使用 filter 方法来删除所有未定义的属性。

以下代码演示如何使用 filter 方法：

const myObject = { foo: 'bar', baz: undefined, qux: null };

const filtered = Object.entries(myObject).filter(([_, value]) => value !== undefined);

const result = Object.fromEntries(filtered);

console.log(result); // => { foo: 'bar', qux: null }

上述代码中，我们使用内置 Object.entries 方法将 myObject 对象转换成一个键值对数组。然后，我们使用 filter 方法从该数组中删除所有值为 undefined 的元素。最后，我们使用 Object.fromEntries 方法将筛选后的数组重新转换回对象。

这样，我们就从对象中删除了未定义的属性，并创建了一个新的对象。

总结起来，删除未定义的属性或值可以帮助我们保持我们的程序的正确性和可靠性。在这篇文章中，我们介绍了两种常用的方法和代码示例，希望能帮助你更好地处理 JavaScript 对象。