如何有效地从 JavaScript 数组中删除空元素？

从 JavaScript 中的数组中删除空元素

JavaScript 数组通常包含空元素，这在对数组执行操作时可能会很麻烦。删除这些空元素可以简化您的代码并提高性能。

简单方法

现代 JavaScript 提供了几种内置的数组方法可以帮助您过滤掉空元素：

• .filter(n => n)：返回一个仅包含不包含的元素的新数组falsy（即空）。
• .filter(Number)：与 .filter(n => n) 方法类似，但专门过滤真实的非零数字。
• .filter(Boolean)：过滤任何真实的值（即，不是undefined、null、0、''、NaN 或 false）

经典方法

如果您更喜欢更传统的方法，您可以手动迭代数组并删除空元素使用拼接方法：

const arr = [1, 2, null, undefined, 3, '', 3, '', '', 0, '', [], '', {}, '', 5, '', 6, '', '', '', ''];

let len = arr.length;
for (let i = 0; i < len; i++)
    arr[i] && arr.push(arr[i]); // Copy non-empty values to the end of the array

arr.splice(0, len); // Cut the array and leave only the non-empty values

jQuery 方法

如果您使用jQuery，您还可以利用它的 .grep() 方法：

const arr = [1, 2, '', 3, '', 3, '', '', 0, '', 4, '', 4, '', 5, '', 6, '', '', '', ''];

arr = $.grep(arr, n => n == 0 || n);

结论

这些不同的方法提供了从 JavaScript 数组中删除空元素的高效且便捷的方法。选择最适合您需求的方法，享受更干净、更易于管理的阵列。

以上是如何有效地从 JavaScript 数组中删除空元素？的详细内容。更多信息请关注PHP中文网其他相关文章！