js 数组去除空元素|极客笔记

js 数组去除空元素

在 JavaScript 中，数组是一种用于存储数据的有序集合。有时候数组中会存在一些空元素，即没有值的元素。在处理数组时，我们可能需要将这些空元素去除，以便更好地处理数据。本文将详细讨论如何使用 JavaScript 来去除数组中的空元素。

方法一：使用`filter()`方法

JavaScript 数组的filter()方法可以筛选出符合条件的元素，我们可以利用这一特性来去除数组中的空元素。下面是一个示例代码：

// 定义一个包含空元素的数组
let arr = [1, 2, , 4, , 6, , 8];

// 使用filter方法去除空元素
let newArr = arr.filter(function (element) {
  return element !== undefined;
});

console.log(newArr);

运行上面的代码，将得到如下输出：

[ 1, 2, 4, 6, 8 ]

在上面的代码中，我们定义了一个包含空元素的数组arr。然后使用filter()方法对数组进行筛选，参数函数中的条件是判断元素不等于undefined，即将不为undefined的元素筛选出来，最后将筛选后的新数组打印出来。

方法二：使用`forEach()`方法配合`push()`方法

除了使用filter()方法外，我们还可以使用forEach()方法结合push()方法来去除数组中的空元素。示例代码如下：

// 定义一个包含空元素的数组
let arr = [1, 2, , 4, , 6, , 8];

let newArr = [];
arr.forEach(function (element) {
  if (element !== undefined) {
    newArr.push(element);
  }
});

console.log(newArr);

运行上面的代码，将得到如下输出：

[ 1, 2, 4, 6, 8 ]

在上面的代码中，我们同样定义了一个包含空元素的数组arr。然后使用forEach()方法遍历数组，对每个元素进行判断，如果元素不等于undefined，则将其添加到新数组newArr中。最后将新数组输出。

方法三：使用 ES6 的箭头函数简化代码

在上面的方法中，我们使用了普通的匿名函数来处理条件判断，而 ES6 中的箭头函数语法可以帮助我们简化代码。下面是使用箭头函数的示例代码：

// 定义一个包含空元素的数组
let arr = [1, 2, , 4, , 6, , 8];

// 使用箭头函数简化条件判断
let newArr = arr.filter(element => element !== undefined);

console.log(newArr);

运行上面的代码，将得到如下输出：

[ 1, 2, 4, 6, 8 ]

在上面的代码中，我们保持了原先的逻辑不变，只是将条件判断的匿名函数改为了 ES6 的箭头函数，从而使代码更加简洁明了。

总结

本文介绍了如何使用 JavaScript 来去除数组中的空元素，主要通过filter()方法和forEach()方法配合push()方法来实现去除操作。此外，我们还展示了使用 ES6 的箭头函数如何简化代码逻辑。去除数组中的空元素可以使数据更加规整、清晰，方便后续的处理和分析。

js 数组去除空元素