如何移除数组中的空白字符串与空格元素？

嘿，这个需求其实挺常见的，用JavaScript的filter()方法就能轻松搞定，给你几种实用的实现方式：

方法1：显式判断非空字符串 #

直接通过trim()去除字符串前后的空白字符，再判断处理后的结果是否为空字符串，以此过滤掉空值和纯空格元素：

const names = ["alice", "", "bob", " ", "yankee"];
const filteredNames = names.filter(name => name.trim() !== "");
console.log(filteredNames); // 输出: ["alice", "bob", "yankee"]

解释：trim()会把字符串首尾的所有空白字符（包括空格、制表符等）都去掉，所以不管是原数组里的空字符串""还是纯空格" "，经过trim()后都会变成空字符串，我们只需要过滤掉这些情况就行。

方法2：利用隐式类型转换简化代码 #

因为空字符串在布尔语境下会被转换为false，所以可以直接把name.trim()作为过滤条件，代码更简洁：

const names = ["alice", "", "bob", " ", "yankee"];
const filteredNames = names.filter(name => name.trim());
console.log(filteredNames); // 同样得到目标数组

如果想更显式一点，也可以用Boolean()包裹：

const filteredNames = names.filter(name => Boolean(name.trim()));

额外补充：处理含null/undefined的情况 #

如果你的数组里可能存在null或者undefined这类非字符串值，可以用可选链操作符?.避免报错：

const names = ["alice", "", null, "bob", " ", undefined, "yankee"];
const filteredNames = names.filter(name => name?.trim());
console.log(filteredNames); // 输出: ["alice", "bob", "yankee"]

内容的提问来源于stack exchange，提问作者xpnimi