JavaScript数组去空|极客笔记

JavaScript数组去空

在JavaScript中，数组是一种非常重要的数据结构，用于存储一组有序的数据。但有时候我们在处理数组时会遇到一些问题，比如数组中含有空值或者undefined等无效数据，这些数据会影响我们的逻辑处理。因此，我们需要对数组进行去空操作，去除其中的无效数据，只保留有效数据。本文将详细介绍在JavaScript中如何对数组进行去空操作。

方法一：使用filter方法

JavaScript中的数组对象有一个filter方法，可以筛选出符合条件的元素，我们可以利用这个方法来去空数组。以下是使用filter方法去除数组中的空值和undefined：

let arr = [1, 2, undefined, '', null, 3, , 4, 5, ''];

let result = arr.filter(item => item !== undefined && item !== null && item !== '');

console.log(result);

在上面的代码中，我们定义了一个包含了各种类型的元素的数组arr，然后使用filter方法筛选出了其中的有效元素，即非空和非undefined的值。最后打印出筛选后的结果result。

方法二：使用for循环进行筛选

除了使用filter方法外，我们还可以使用for循环来遍历数组进行筛选。以下是使用for循环去空数组的示例代码：

let arr = [1, 2, undefined, '', null, 3, , 4, 5, ''];

let result = [];
for (let i = 0; i < arr.length; i++) {
    if (arr[i] !== undefined && arr[i] !== null && arr[i] !== '') {
        result.push(arr[i]);
    }
}

console.log(result);

在上面的代码中，我们同样定义了一个包含各种类型元素的数组arr，然后使用for循环遍历数组，对每一个元素进行判断，如果不是空、undefined或null，则将其添加到结果数组result中。最后打印出去除空值后的结果result。

方法三：使用reduce方法

还可以使用reduce方法来对数组进行去空操作。以下是使用reduce方法去除数组中的空值和undefined：

let arr = [1, 2, undefined, '', null, 3, , 4, 5, ''];

let result = arr.reduce((acc, cur) => {
    if (cur !== undefined && cur !== null && cur !== '') {
        return [...acc, cur];
    }
    return acc;
}, []);

console.log(result);

在上面的代码中，我们使用reduce方法对数组进行遍历，并在每一次迭代时对元素进行判断，去除空值后将有效元素添加到结果数组中。最后打印出去除空值后的结果result。

方法四：使用map方法和filter方法结合

除了以上几种方法外，我们还可以使用map方法和filter方法结合的方式来去空数组。以下是使用map方法和filter方法结合去除数组中的空值和undefined：

let arr = [1, 2, undefined, '', null, 3, , 4, 5, ''];

let result = arr.map(item => item)
                .filter(item => item !== undefined && item !== null && item !== '');

console.log(result);

在上面的代码中，我们先使用map方法将数组中的元素复制一遍，然后再使用filter方法对复制的数组进行筛选，去除空值和undefined的元素。最后打印出去除空值后的结果result。