JavaScript中forEach未按预期修改数组：undefined替换为空字符串问题

你的代码没生效，核心问题是修改的是局部变量副本，而非原数组元素：

在嵌套的forEach里，col是函数接收的参数，它是原数组对应元素的值拷贝（JavaScript基本类型是值传递）。你对col重新赋值，只会改变这个临时变量，原数组里的元素根本没被修改。

修复方法一：通过索引直接修改原数组 #

利用forEach的第二个参数（元素索引），直接操作原数组的对应位置：

let values = [ ['header1','header2'], 
                ['AAA', undefined],
                [2, 'BB'],
                [undefined, 'CCC'],
                ['AAA', 4],
              ];
values.forEach(function (row) {
  row.forEach(function(col, index) {
    // 通过row的索引直接修改原数组元素
    row[index] = col === undefined ? "" : col;
  });
});

修复方法二：用map生成新数组（推荐函数式风格） #

map会返回处理后的新数组，不会修改原数组，更安全：

let values = [ ['header1','header2'], 
                ['AAA', undefined],
                [2, 'BB'],
                [undefined, 'CCC'],
                ['AAA', 4],
              ];
// 生成新数组
const updatedValues = values.map(row => 
  row.map(col => col === undefined ? "" : col)
);
// 如果需要覆盖原数组，执行：values = updatedValues;

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