JS过滤器删除数组中的空字符串

在JavaScript中，过滤器是一个用于过滤数组中元素的函数。通常，我们使用过滤器来添加、移除或修改数组中的元素。本文将介绍如何使用过滤器删除数组中的空字符串。

利用filter过滤器过滤数组

filter过滤器是一个非常有用的数组处理方法。它可以用于过滤数组中不想要的元素。在我们本次的应用场景中，我们可以使用filter过滤器删除数组中空字符串的元素。

const arr = ["hello", "", "world", "", " ", "js"];
const filteredArr = arr.filter(item => item.trim() !== "");
console.log(filteredArr); // ["hello", "world", "js"]

在这个例子中，我们定义了一个包含空字符串的数组，利用Array.prototype.filter()方法过滤掉数组中的空字符串。我们的过滤规则就是：将item.trim() !== ""的元素保留下来，因为item.trim()方法可以将空格去除，所以没有内容的字符串经过这个方法后变成了空字符串，就被过滤掉了。

去除空格后再进行比较可以把" "这样的字符串也删掉，让数组更加干净。

简化版的过滤器

当然，我们也可以使用更加简便的写法，即把函数定义写成箭头函数，用一行式子即可完成：

const arr = ["hello", "", "world", "", " ", "js"];
const filteredArr = arr.filter(item => !!item.trim());
console.log(filteredArr); // ["hello", "world", "js"]

在上述式子中，我们使用了两次!运算符。当item不为空字符串时，item.trim()不为空字符串，即为true，所以再取反即为false。当item为空字符串时，item.trim()为空字符串，取反即为true。这样我们就可以把数组中全部的空字符串都过滤掉了。

结语

本篇文章主要介绍了如何使用JS过滤器删除数组中的空字符串。我们可以通过filter过滤器进行高效的操作。我们可以定义一个自定义函数作为过滤规则，也可以使用简化版的一行式子完成过滤操作。如果你对JS过滤器和数组操作有更多的需求，可以查看相关手册和资料。