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

如何有效地從 JavaScript 陣列中刪除空字串?

DDD
發布: 2024-12-18 11:56:14
原創
932 人瀏覽過

How to Efficiently Remove Empty Strings from a JavaScript Array?

在 Javascript 中從陣列中刪除空字串

在處理陣列操作時,刪除空元素可能是一個常見的要求。 Javascript 提供了多種方法來完成此任務。

有效的解決方案:

最直接的方法是使用filter() 函數根據布林值消除空元素評估:

const arr = [1, 2, "", 3, "", -3, null, "", 0, "", undefined, 4, "", 4, "", 5, "", 6, "",""];

arr.filter(n => n);
// Result: [1, 2, 3, -3, 0, 4, 4, 5, 6]
登入後複製

替代方法:

另一個選擇是利用Number()或 Boolean() 函數來過濾數字或真值:

arr.filter(Number);
// Result: [1, 2, 3, -3, 4, 4, 5, 6]

arr.filter(Boolean);
// Result: [1, 2, 3, -3, 4, 4, 5, 6]
登入後複製

文字特定方法:

如果陣列只包含文字字串,可以將其轉換為字串,去掉空字串,然後將其轉換回數組:

arr.join('').split('');
// Result: ["1", "2", "3", "4", "5"]
登入後複製

迭代方法:

對於更經典的方法,您可以迭代數組並將非空值移到結尾:

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

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

arr.splice(0, len); // Remove empty values from the beginning
// Result: [1, 2, 3, 3, [], {}, 5, 6]
登入後複製

jQuery解決方案:

如果您使用jQuery,可以使用$.grep() 函數過濾掉空值:

arr = $.grep(arr, n => n == 0 || n);
// Result: [1, 2, 3, 3, 0, 4, 4, 5, 6]
登入後複製

這些方法提供了高效且通用的選項用於從Javascript 數組中刪除空元素,具體取決於您的特定要求。

以上是如何有效地從 JavaScript 陣列中刪除空字串?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板