如何用JavaScript正则表达式替换API返回数据中的undefined为N/A

嘿，我来帮你搞定这个问题！其实你完全不需要用RegExp来处理undefined，因为undefined是一个JavaScript原始值，不是字符串内容，直接用条件赋值或者短路运算符就能轻松解决，而且你的代码里还有几个小细节需要调整~

问题分析 #

你的代码里存在两个关键小问题：

1. 变量名不一致：你定义了let authors = data.items[i].author;，但最后push的时候用的是data.items[i].authors，这大概率是拼写错误，得统一变量名。
2. 替换逻辑没落地：你写了if判断，但没有对titles和authors变量进行重新赋值，所以最后push的还是原始的undefined值。

几种可行的解决方案 #

方案1：使用短路求值（最简洁） #

利用||运算符的特性，如果左边是假值（包括undefined、null、空字符串等），就会取右边的值：

async function someAsyncFunction() {
  /* 此处进行数据请求 */
  const data = await res.json();
  const books = [];
  for (let i = 0; i < data.items.length; i++) {
    // 用||替换假值为'N/A'
    const title = data.items[i].title || 'N/A';
    const author = data.items[i].author || 'N/A';
    books.push(`${title} by ${author}`);
  }
  return books;
}

方案2：使用可选链+空值合并（最安全，ES2020+） #

如果API返回的data.items[i]可能不存在，或者title/author是0、''这类你不想替换的假值，推荐用?.（可选链）和??（空值合并运算符），它只会在值为null或undefined时才替换：

async function someAsyncFunction() {
  /* 此处进行数据请求 */
  const data = await res.json();
  const books = [];
  // 防止data.items不存在导致循环报错
  for (let i = 0; i < (data.items?.length || 0); i++) {
    // 可选链避免属性不存在报错，空值合并精准替换undefined/null
    const title = data.items[i]?.title ?? 'N/A';
    const author = data.items[i]?.author ?? 'N/A';
    books.push(`${title} by ${author}`);
  }
  return books;
}

方案3：完善你原来的if判断逻辑 #

如果你更习惯用if语句，只需要在判断后给变量重新赋值即可：

async function someAsyncFunction() {
  /* 此处进行数据请求 */
  const data = await res.json();
  const books = [];
  for (let i = 0; i < data.items.length; i++) {
    let title = data.items[i].title;
    let author = data.items[i].author;
    
    if (typeof title === 'undefined') {
      title = 'N/A';
    }
    if (typeof author === 'undefined') {
      author = 'N/A';
    }
    
    books.push(`${title} by ${author}`);
  }
  return books;
}

为什么不需要RegExp？ #

正则表达式是用来处理字符串内容的，而undefined是JavaScript的原始值，不是字符串里的"undefined"子串。你得到的"Cats by undefined"，其实是因为undefined被自动转成了字符串"undefined"，所以直接在变量层面处理undefined值，比事后用正则替换字符串要高效且准确得多。

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