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

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

Mary-Kate Olsen
リリース: 2024-12-17 08:46:25
オリジナル
630 人が閲覧しました

How Can I Efficiently Remove Empty Elements from JavaScript Arrays?

JavaScript の配列から空の要素を削除する

JavaScript の配列には空の要素が含まれることがよくあり、配列で操作を実行するときに迷惑になることがあります。これらの空の要素を削除すると、コードが簡素化され、パフォーマンスが向上します。

簡単なメソッド

最新の JavaScript には、空の要素をフィルターで除外するのに役立ついくつかの組み込み配列メソッドが用意されています。

  • .filter(n => n): 新しい配列を返しますfalse ではない (つまり、空の) 要素のみを含みます。
  • .filter(Number): .filter(n => n) メソッドに似ていますが、特に次の要素をフィルターします。真実のゼロ以外の数値。
  • .filter(Boolean): 次の値をフィルターします。は真実です (つまり、未定義、null、0、''、NaN、または false ではありません)

古典的なメソッド

より伝統的なアプローチを好む場合は、手動で配列し、splice メソッドを使用して空の要素を削除します:

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 中国語 Web サイトの他の関連記事を参照してください。

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