从数组中删除空字符串或空格字符串

在 JavaScript 中，我们经常需要从数组中删除一些无用的元素。其中一个常见的任务是删除空字符串或空格字符串。在本文中，我们将向您展示如何使用不同的技术来解决这个问题。

使用 Array.filter()

Array.filter() 方法创建一个由所有通过测试的元素组成的新数组。我们将使用这个方法来删除数组中的空字符串或空格字符串。

const arr = ['Hello', '', 'World', '  ', 'JavaScript', ' '];

const result = arr.filter(str => str.trim() !== '');

console.log(result); // ['Hello', 'World', 'JavaScript']

在上面的代码中，我们使用 filter() 方法和箭头函数来创建一个新数组。str.trim() 方法用于删除字符串前后的空格，!== '' 确保我们只返回非空字符串。最终结果存储在 result 变量中。

使用 for 循环

如果你不想使用 Array.filter() 方法，你也可以使用常规的 for 循环来完成这个任务。

const arr = ['Hello', '', 'World', '  ', 'JavaScript', ' '];
const result = [];

for (let i = 0; i < arr.length; i++) {
  const str = arr[i].trim();
  
  if (str !== '') {
    result.push(str);
  }
}

console.log(result); // ['Hello', 'World', 'JavaScript']

上面的代码中，我们使用 for 循环和 trim() 方法来删除数组中的空字符串或空格字符串。然后，我们将非空字符串添加到 result 数组中。

结论

现在您知道了如何删除 JavaScript 中的空字符串或空格字符串。filter() 方法是一种更简单、更通用的解决方案，它可以应用于任何数组。使用 for 循环可以让您更好地了解代码的工作方式，但需要更多的代码。无论使用哪种方法，您都可以快速、轻松地删除数组中的无用元素。