在 ES12 中，我们可以使用新的数组方法 Array.prototype.filter() 来移除数组中的空位。这个新的方法可以帮助我们更方便地处理非空数组，让我们来看一下具体的实现。
什么是数组空位？
在 JavaScript 中，数组空位是指数组中某些位置没有被填充元素的情况。例如，下面的数组就包含了空位：
const arr = [1, 2, , 4];
在这个数组中，第三个位置是一个空位。我们可以使用 Array.prototype.hasOwnProperty() 方法来检查一个数组是否包含空位：
arr.hasOwnProperty(2); // 返回 false
移除数组空位
在 ES12 中，我们可以使用 Array.prototype.filter() 方法来移除数组中的空位。这个方法接受一个回调函数作为参数，这个回调函数会被传入数组中的每一个元素，如果这个函数返回 true，那么这个元素就会被保留在新数组中，否则就会被移除。我们可以使用 Array.prototype.filter() 方法来过滤掉数组中的空位，例如：
const arr = [1, 2, , 4];
const newArr = arr.filter((item) => {
return item !== undefined;
});
console.log(newArr); // 输出 [1, 2, 4]在这个例子中，我们使用 Array.prototype.filter() 方法来过滤掉数组中的空位，回调函数判断如果元素不等于 undefined，就返回 true，否则返回 false。这样，我们就得到了一个没有空位的新数组。
注意事项
需要注意的是，Array.prototype.filter() 方法会跳过数组中的空位，所以我们不需要在回调函数中再次判断元素是否为 undefined。例如，下面的代码会输出 1, 2, undefined, 4：
const arr = [1, 2, , 4];
arr.filter((item) => {
console.log(item);
return true;
});结论
在 ES12 中，我们可以使用 Array.prototype.filter() 方法来移除数组中的空位。通过过滤空位，我们可以更方便地处理非空数组。需要注意的是，Array.prototype.filter() 方法会跳过数组中的空位，所以我们不需要在回调函数中再次判断元素是否为 undefined。
示例代码
下面是一个完整的示例代码，演示如何使用 Array.prototype.filter() 方法来移除数组中的空位：
const arr = [1, 2, , 4];
const newArr = arr.filter((item) => {
return item !== undefined;
});
console.log(newArr); // 输出 [1, 2, 4]来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673346c80bc820c582417922