[JavaScript]配列(array)の空の要素を削除する(remove empty elements)には？

[JavaScript]配列(array)の空の要素を削除するには？

JavaScript

2022.12.23

どうも、ちょげ(@chogetarou)です。

配列(array)の空の要素を削除する方法を紹介します。

方法

配列(array)の空の要素を削除するには、filter()を使います。

まず、配列からfilter()を呼び出します。

filter()の引数に、１つの引数を持つアロー関数を指定します。

そして、アロー関数で、引数をそのまま返します。

//arr=対象の配列
let result = arr.filter(item => item)

上記のfilter()は、呼び出した配列(array)の空の要素（false, 0, ”, undefined, null）を全て削除した配列を生成します。

もし、自分で空と判定する要素を決めたい場合は、filter()のアロー関数で、条件式を返します。

条件式で「false」となる要素が削除されます。

let numbers = ["one", "", "two", undefined, "three", "four", null, "five"];

let result = numbers.filter(item => item)

console.log(result);

出力：
[ 'one', 'two', 'three', 'four', 'five' ]