技术问询：如何将字符串数组转换为数字数组？

嘿，这是前端开发里挺常见的需求，我来给你分享几种靠谱的实现方法，你可以根据自己的具体场景选：

• 使用Array.map() + Number()构造函数
  这是最简洁直观的方式，适合数组里都是纯数字字符串的情况，既能处理整数也能处理浮点数：

  const strArray = ["1", "2", "3.14", "4.5"];
  const numArray = strArray.map(Number);
  console.log(numArray); // 输出: [1, 2, 3.14, 4.5]
  

  注意：如果数组里有空字符串、非数字开头的字符串，转换后会得到NaN，比如["1", "", "abc"]转出来是[1, NaN, NaN]。

• 使用Array.map() + parseInt()
  如果你只需要转换整数，这个方法很实用，但一定要记得传入第二个参数10（十进制），避免因为字符串前缀导致的进制解析错误：

  const strArray = ["10", "20", "30"];
  const numArray = strArray.map(str => parseInt(str, 10));
  console.log(numArray); // 输出: [10, 20, 30]
  

  特点：parseInt会忽略字符串开头数字之后的非数字内容，比如"123abc"会被转成123，但如果字符串开头不是数字，会返回NaN。

• 使用Array.map() + parseFloat()
  专门用来处理带小数的数字字符串，效果和Number()类似，但同样会忽略数字后面的非数字部分：

  const strArray = ["1.23", "4.56", "7.89abc"];
  const numArray = strArray.map(parseFloat);
  console.log(numArray); // 输出: [1.23, 4.56, 7.89]
  

• 处理包含无效值的数组
  如果你的数组里可能混有空字符串、非数字内容，可以在转换后过滤掉NaN，或者在转换过程中做判断：
  方式一：转换后过滤

  const strArray = ["1", "2", "abc", "", "3.5"];
  const numArray = strArray.map(Number).filter(num => !isNaN(num));
  console.log(numArray); // 输出: [1, 2, 3.5]
  

  方式二：用reduce边转换边判断

  const strArray = ["1", "2", "abc", "", "3.5"];
  const numArray = strArray.reduce((acc, str) => {
    const num = Number(str);
    if (!isNaN(num)) {
      acc.push(num);
    }
    return acc;
  }, []);
  console.log(numArray); // 输出: [1, 2, 3.5]
  

简单总结下：如果数组都是纯数字字符串，优先用strArray.map(Number)；如果只需要整数或者字符串带非数字后缀，用parseInt/parseFloat；有无效值的话，记得加上过滤逻辑就行。

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