JavaScript中移除数组内以点开头元素的最优方法求助

这其实是个很常见的数组过滤场景，我来给你拆解最优的实现方式：

首先，你给出的myarr是一个逗号+空格分隔的字符串，所以第一步需要先把它转换成真正的数组，然后再用原生数组方法过滤掉符合条件的元素。

完整代码实现 #

var myarr = 'ad, ghost, hg, .hi, jk, find.jpg, dam.ark, haji, jive.pdf, .find, home, .war, .milk, raj, .ker';
// 1. 将字符串转为数组
const originalArr = myarr.split(', ');
// 2. 过滤掉所有以点开头的元素
const refinedArr = originalArr.filter(item => item[0] !== '.');

// 如果你更喜欢正则表达式的写法，也可以这样：
// const refinedArr = originalArr.filter(item => !/^\./.test(item));

代码解释 #

1. split(', ')：把逗号加空格分隔的字符串拆分为数组，这一步是为了把字符串转成可操作的数组结构。
2. filter()方法：数组原生的过滤方法，会遍历数组中的每个元素，只保留返回true的元素，最终返回一个新数组（不会修改原数组，符合函数式编程的最佳实践）。
   • 第一种判断方式item[0] !== '.'：直接取元素的第一个字符进行对比，性能略优，逻辑也很直观。
   • 正则写法!/^\./.test(item)：^表示匹配字符串的开头，\.是转义后的点（因为点在正则中是通配符，必须转义才能匹配实际的点字符），test()方法判断元素是否匹配“开头是点”的规则，前面加!表示取反，即保留不匹配该规则的元素。

哪种实现更优？ #

两种写法的性能差异极小，在大多数场景下可以任选：

• 如果追求极致的性能，直接判断第一个字符的方式会略快（少了正则解析的开销）。
• 如果需要更灵活的匹配规则（比如后续可能要调整过滤条件），正则写法的扩展性更好。

测试后，refinedArr的结果会是：
["ad", "ghost", "hg", "jk", "find.jpg", "dam.ark", "haji", "jive.pdf", "home", "raj"]

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