Удаление пустых элементов из массива в Javascript

Есть ситуации, когда в массиве JavaScript могут присутствовать пустые элементы. Например, после выполнения определенных операций, таких как разделение строки на массив с помощью метода split(), в результате которого могут появиться пустые строки.

let arr = ['Apple', '', 'Banana', '', 'Cherry'];

В этом случае, возникает необходимость удаления этих пустых элементов из массива.

Удаление пустых элементов с помощью метода filter()

Одним из наиболее простых и эффективных способов удаления пустых элементов из массива в JavaScript является использование метода filter().

Метод filter() создает новый массив со всеми элементами, прошедшими проверку, задаваемую в передаваемой функции.

let arr = ['Apple', '', 'Banana', '', 'Cherry'];
let filteredArr = arr.filter(function(el) {
  return el != '';
});
console.log(filteredArr); // ['Apple', 'Banana', 'Cherry']

В данном случае, функция, переданная в filter(), проверяет каждый элемент массива. Если элемент не является пустой строкой (''), он проходит проверку и добавляется в новый массив.

Удаление пустых элементов с помощью метода filter() и Boolean

Еще один вариант использования метода filter() — с использованием встроенного объекта Boolean в качестве функции обратного вызова. Это даст тот же результат, так как пустая строка в JavaScript является «ложным» значением (false).

let arr = ['Apple', '', 'Banana', '', 'Cherry'];
let filteredArr = arr.filter(Boolean);
console.log(filteredArr); // ['Apple', 'Banana', 'Cherry']

В этом случае, Boolean автоматически преобразует каждый элемент массива в булево значение. Пустая строка преобразуется в false и не проходит проверку, поэтому не включается в новый массив.

Таким образом, для удаления пустых элементов из массива в языке программирования JavaScript можно использовать метод filter(), который позволяет создать новый массив без пустых элементов.