ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 配列から空の文字列を効率的に削除するにはどうすればよいですか?

JavaScript 配列から空の文字列を効率的に削除するにはどうすればよいですか?

DDD
リリース: 2024-12-18 11:56:14
オリジナル
931 人が閲覧しました

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]
ログイン後にコピー

代替アプローチ:

もう 1 つのオプションは、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 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート