Angular中使用FileReader读取文件时如何跳过空行（无需循环）

这个问题很常见——文本文件末尾的换行符会导致split('\n')后多出一个空字符串元素，所以你得到了长度为5的数组。不用手动循环遍历过滤的话，有几个简洁的办法：

方法1：用filter(Boolean)快速过滤空行 #

这是最简洁的写法，利用Boolean()函数会把空字符串转为false的特性，直接过滤掉所有假值元素：

linearray = this.myfilereader.result.split('\n').filter(Boolean);

这个方法会自动过滤掉完全空的行（包括末尾的空字符串）。如果你的文件里有只包含空格/制表符的"空白行"，想要一并过滤的话，可以改成：

linearray = this.myfilereader.result.split('\n').filter(line => line.trim());

trim()会去掉字符串首尾的空白字符，之后如果结果为空，就会被过滤掉。

方法2：用正则表达式在拆分时直接处理 #

你也可以用正则表达式来拆分，避免生成空元素：

linearray = this.myfilereader.result.split(/\n+/).filter(line => line);

这里/\n+/表示匹配一个或多个换行符，这样连续的换行符会被当作一个分隔符，不会生成空元素。最后加个filter(line => line)是为了处理文件开头/结尾可能存在的空白内容。

为什么会出现长度为5的情况？ #

你的file.txt末尾大概率有一个换行符，当用split('\n')拆分时，最后一个换行符后面没有内容，就会生成一个空字符串""，所以数组长度变成了5。上面的方法都能自动处理这个问题，不用你手动写循环判断每个元素的长度。

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