JavaScript二维数组分离字符串与数值及求和问题求助

先提个小细节：你给出的二维数组语法有个小错误，子数组之间需要加逗号，不然JS会报错，修正后是这样：

var finances = [
  ["January", 34443],
  ["February", 223153]
];

一、把月份和金额拆成独立数组 #

两种简单方法，按需选择：

方法1：用forEach遍历收集 #

适合新手理解，步骤清晰：

const months = [];
const amounts = [];

finances.forEach(item => {
  months.push(item[0]); // 每个子数组第一个元素是月份字符串
  amounts.push(item[1]); // 第二个是金额数值
});

console.log("月份数组:", months); // 输出 ["January", "February"]
console.log("金额数组:", amounts); // 输出 [34443, 223153]

方法2：用map直接生成数组 #

更简洁，一行搞定一个数组：

const months = finances.map(item => item[0]);
const amounts = finances.map(item => item[1]);

二、修复你的求和代码 #

你的代码有三个明显问题：

1. totalFinance没初始化，默认是undefined，和数值相加会变成NaN，根本出不来正确结果
2. 内层循环里错误用了finances[y]，应该是finances[x][y]，而且其实没必要遍历子数组的所有元素——你要的是金额，直接取每个子数组的第二个元素（索引1）就行
3. 没判断元素类型，字符串（比如月份）会被当成NaN处理，虽然不影响结果，但逻辑上没必要遍历它

修复后的代码可以简化成这样：

let totalFinance = 0; // 必须先初始化为0

for(let x = 0; x < finances.length; x++){
  const amount = finances[x][1]; // 直接拿金额
  if(typeof amount === 'number'){ // 确保是数值再累加，避免意外
    totalFinance += amount;
  }
}

console.log("总盈亏:", totalFinance); // 输出 257596

嫌循环麻烦？用reduce更简洁：

const totalFinance = finances.reduce((sum, item) => {
  return sum + (typeof item[1] === 'number' ? item[1] : 0);
}, 0);

console.log("总盈亏:", totalFinance);

三、按数据类型执行对应操作的方法 #

写个通用函数，遍历数组时自动判断类型并处理：

function processByType(arr) {
  const processedStrings = [];
  const processedNumbers = [];
  
  arr.forEach(subArr => {
    subArr.forEach(item => {
      if(typeof item === 'string'){
        // 这里写字符串的处理逻辑，比如转大写
        processedStrings.push(item.toUpperCase());
      } else if(typeof item === 'number'){
        // 这里写数值的处理逻辑，比如乘以1.1模拟利率增长
        processedNumbers.push(item * 1.1);
      }
    });
  });
  
  return { processedStrings, processedNumbers };
}

const result = processByType(finances);
console.log("处理后的字符串:", result.processedStrings); // ["JANUARY", "FEBRUARY"]
console.log("处理后的数值:", result.processedNumbers); // [37887.3, 245468.3]

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