首頁 >web前端 >js教程 >如何有效地從 JavaScript 陣列中刪除空元素?

如何有效地從 JavaScript 陣列中刪除空元素?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-17 08:46:25801瀏覽

How Can I Efficiently Remove Empty Elements from JavaScript Arrays?

從 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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn