如何在JavaScript中将含undefined的数组转为空字符串数组？

当然可行！你的代码没生效主要是踩了两个小坑，咱们一步步来解决：

先说说你的代码问题在哪 #

1. 错误使用React的useState：setText是异步的状态更新函数，不能在同步的JSON replacer回调里直接调用——等它执行完的时候，你的JSON处理早就结束了，根本没法把空字符串赋值到数组里。
2. JSON.stringify的默认行为坑：当数组元素是undefined时，JSON.stringify会直接把它转换成null，而不是保留undefined让你替换，所以你的replacer回调其实根本没机会处理到undefined的情况。

几种简单可靠的正确实现 #

方法1：用Array.map()遍历（最推荐，通用场景） #

这是最直观也最灵活的方式，直接遍历数组的每个元素，把undefined替换成空字符串：

const originalArray = [undefined, undefined, undefined];
const convertedArray = originalArray.map(item => item ?? "");
// 输出结果：["", "", ""]

如果你的环境不支持ES2020的空值合并运算符??，可以用兼容性更好的三元表达式：

const convertedArray = originalArray.map(item => typeof item === 'undefined' ? "" : item);

方法2：用Array.fill()（适合全undefined的固定长度数组） #

如果你的数组本来就是固定长度、所有元素都是undefined的，直接用fill更高效：

const convertedArray = new Array(3).fill("");
// 直接得到：["", "", ""]

方法3：在React组件中更新状态的正确姿势 #

如果是在React组件里处理这个数组状态，你应该直接更新整个数组，而不是单个调用setText，比如：

import { useState } from 'react';

function YourComponent() {
  const [array, setArray] = useState([undefined, undefined, undefined]);

  const convertAndUpdate = () => {
    const newArray = array.map(item => item ?? "");
    setArray(newArray);
  };

  return (
    <div>
      <button onClick={convertAndUpdate}>转换数组</button>
    </div>
  );
}

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