如何移除JavaScript数组中的空字符串及空格字符串？

嘿，我来给你分享几个直观易懂的实现方式，完美解决你的数组过滤需求，而且不会破坏有效文件名里的空格哦～

方法一：用filter + trim()（最推荐） #

这个方法逻辑非常直白：遍历数组里的每一项，先把字符串两端的空白字符（包括空格、换行符这些）去掉，只要处理后不是空字符串，就保留它。

var test = ["", "A Sample PDF.pdf", " ", "file_example_JPG_100kB.jpg", " "];
var validFiles = test.filter(item => item.trim() !== '');

console.log(validFiles);
// 输出：["A Sample PDF.pdf","file_example_JPG_100kB.jpg"]

为什么说这个方法好？因为它精准区分了「无效的空白项」和「带空格的有效文件名」——比如"A Sample PDF.pdf"里的空格是文件名的一部分，trim()只会处理字符串两端的空白，完全不会碰中间的有效空格，非常安全。

方法二：分步判断（适合新手理解） #

如果你想把逻辑拆得更细，也可以分开判断空字符串和纯空格字符串，每一步都明明白白：

var test = ["", "A Sample PDF.pdf", " ", "file_example_JPG_100kB.jpg", " "];
var validFiles = test.filter(item => {
  // 第一步：直接排除空字符串
  if (item === '') return false;
  // 第二步：排除仅由空白字符组成的字符串
  return item.trim() !== '';
});

console.log(validFiles);

这种写法虽然稍微啰嗦一点，但每一步的意图都很清晰，刚接触数组过滤的话更容易理解。

对比你之前的思路 #

你之前提到的「替换空格为空后用arr.filter(Boolean)」其实有个小隐患：如果用全局替换空格（比如replace(/\s/g, '')），会把有效文件名里的空格也删掉（比如"A Sample PDF.pdf"会变成"ASamplePDF.pdf"），这就破坏了原文件名。而trim()只处理字符串两端的空白，完全不会影响文件名本身的内容，是更稳妥的选择。

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