JavaScript数组空格处理:移除元素内空格及空白元素
解决JavaScript数组元素去空格+过滤空元素的问题
嘿,作为JS新手碰到这种数组处理需求太正常啦,我给你一个简单易懂的解决方案,刚好能同时满足你的两个需求——给每个元素去掉前后空格,还能把纯空白的元素删掉。
直接上代码,一看就明白:
// 你的原始数组 const originalArray = [' 1',' ','c ']; // 处理后的数组 const resultArray = originalArray .map(item => item.trim()) // 第一步:给每个元素去除首尾空格 .filter(item => item); // 第二步:过滤掉处理后为空的元素(空字符串在判断里会被视为false) console.log(resultArray); // 输出:['1', 'c']
我给你拆解一下每一步的作用:
trim()是字符串的内置方法,专门用来移除字符串开头和结尾的所有空白字符(包括空格、换行符、制表符这些),所以' 1'会变成'1','c '变成'c',那个纯空格的' '就会变成空字符串''。filter()方法会遍历数组,只保留返回值为true的元素。因为空字符串在JS里属于“假值”,所以item为空的时候会被过滤掉,剩下的就是我们想要的有效元素啦。
如果想写得更简洁一点,也可以把两个方法合并成一行,不过分开写更适合新手理解每一步做了什么~
内容的提问来源于stack exchange,提问作者merilstack
相关产品推荐
相关产品推荐

