在JavaScript中如何将表单返回的null记录替换为N/A？

语法错误原因 #

你写的代码有两个核心语法问题：

• JavaScript 中 if 是语句，不是可以直接返回值的表达式，不能直接放在赋值运算符 = 右侧给变量赋值
• 你用来判断等于 null 的符号是单等号 =，这是赋值运算符，不是相等判断运算符，相等判断需要用双等号 == 或者严格相等运算符 ===

实现方案 #

下面给你几种可以正常运行的实现方式，你可以根据自己的使用场景选择：

方式1：空值合并运算符（最简洁，推荐） #

ES2020 推出的空值合并运算符 ?? 专门用来判断值为 null 或者 undefined 的场景，完全符合你的需求：

var surveyFailure = formData.get('h3g_survey_failure_reason') ?? "N/A";

方式2：三元运算符 #

兼容性更好，支持所有JS运行环境：

var surveyFailure = formData.get('h3g_survey_failure_reason') === null ? "N/A" : formData.get('h3g_survey_failure_reason');

方式3：标准if语句写法 #

如果你更习惯用if语句的写法，把赋值和判断分开写即可：

var surveyFailure = formData.get('h3g_survey_failure_reason');
if (surveyFailure === null) {
  surveyFailure = "N/A";
}

多字段批量处理方案 #

如果你有大量这类需要替换 null 为 N/A 的表单字段，可以封装一个通用工具函数减少重复代码：

// 封装通用取值函数
function getFormVal(formData, fieldName) {
  return formData.get(fieldName) ?? "N/A";
}

// 调用示例
var surveyFailure = getFormVal(formData, 'h3g_survey_failure_reason');
var otherField1 = getFormVal(formData, 'field1');
var otherField2 = getFormVal(formData, 'field2');

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