如何有效地從 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中文網其他相關文章！