JS中filter无法过滤数组空元素？文本文件换行处理问题求助

这是个典型的文本换行符兼容问题，我来帮你理清原因和解决思路：

为什么会出现这个情况？ #

你遇到的核心问题是文件换行符格式和代码拆分逻辑不匹配：

• 当用VS Code的Live Server加载本地inputs.txt时，如果文件是Windows系统下保存的，它的换行符其实是\r\n（回车符+换行符），而非你代码里假设的单纯\n。
• 用input.split("\n")拆分后，前两行内容会变成"aabcccccaaa\r"和"aaccb\r"——末尾的\r是不可见的控制字符，控制台不会显示成可见内容，所以你误以为是空字符串，但它实际是存在的。

为什么filter(Boolean)没用？ #

filter(Boolean)的作用是过滤布尔值为false的元素，而\r是一个非空字符，它的布尔值为true，所以这个过滤逻辑不会把它去掉。你看到的“空字符串”只是视觉错觉，那个位置实际是\r，不是真正的空字符串。

而模板字符串测试时，模板里的换行是\n，拆分后每一行都没有\r，所以一切正常，这也验证了问题出在文件的换行格式上。

解决方案 #

你可以用以下几种方式解决这个问题：

1. 兼容所有换行格式拆分 #

用正则表达式/\r?\n/拆分文本，兼容Windows的\r\n和Unix的\n：

const myFunc = async () => { 
  const input = await getData(); 
  // 兼容Windows/Unix换行格式
  const rows = input.split(/\r?\n/); 
  rows.forEach(row => { 
    // 过滤文件末尾可能存在的空行
    if (!row) return;
    const charArr = [...row]; 
    console.log(charArr); 
  }); 
};

2. 去除每一行的前后空白字符 #

如果文件确实没有其他空白字符，直接用trim()去掉每一行的前后控制字符（包括\r）：

const myFunc = async () => { 
  const input = await getData(); 
  const rows = input.split("\n"); 
  rows.forEach(row => { 
    const trimmedRow = row.trim();
    if (!trimmedRow) return;
    const charArr = [...trimmedRow]; 
    console.log(charArr); 
  }); 
};

3. 精准过滤\r字符 #

如果需要保留行内其他空白（虽然你说没有），可以单独过滤掉\r：

const charArr = [...row].filter(char => char !== '\r');

补充说明 #

这个问题和浏览器无关，本质是不同操作系统下文本文件换行符的差异导致的。日常处理文本输入时，尽量用兼容多格式的方式处理换行，避免这类问题。

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