如何在JavaScript中从指定数组提取数字字符串元素？

嘿，这个需求挺常见的，我给你几个简单靠谱的实现方式，都能轻松得到你想要的纯数字字符串数组：

方法一：利用类型转换结合filter过滤 #

这种方法通过将字符串转换为数字，判断是否为有效数字来筛选：

var arr = ["abc", "5", "city", "2", "area", "2", "max", "choice"];
var numArr = arr.filter(item => !isNaN(Number(item)));
console.log(numArr); // 输出：["5","2","2"]

原理：Number(item)会尝试把字符串转为数字，非数字内容会返回NaN；isNaN()用来判断结果是否为无效数字，取反后就只保留能转为有效数字的字符串项。

方法二：用正则表达式精准匹配纯数字字符串 #

如果你想更精准地只保留纯数字组成的字符串（避免像"5a"这种混合内容被误判），可以用正则表达式：

var arr = ["abc", "5", "city", "2", "area", "2", "max", "choice"];
var numArr = arr.filter(item => /^\d+$/.test(item));
console.log(numArr); // 输出：["5","2","2"]

原理：正则/^\d+$/表示字符串从开头到结尾只能是数字字符（\d代表数字，+表示至少一个，^和$分别匹配字符串的开头和结尾），test(item)检查字符串是否符合这个规则，符合的就被保留下来。

补充说明 #

如果你的需求后续需要支持带小数点的数字字符串（比如"3.14"），可以把正则调整为/^\d+(\.\d+)?$/，这样就能兼容整数和小数形式的数字字符串啦。

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