JavaScript：移除AJAX返回JSON中值为NULL的元素

嘿，这个需求我太懂了——一个个键去处理不仅麻烦，后续JSON结构一变还得改代码，写个通用函数才是一劳永逸的办法！

首先得明确：AJAX返回的是JSON字符串，咱们得先把它转换成JavaScript对象才能操作，处理完之后如果需要字符串形式再转回去就行。而且还要考虑JSON里可能有嵌套的对象或者数组，所以得写个递归的函数才能彻底清理所有null值。

通用清理函数 #

这个函数会递归遍历所有层级，不管是对象里的null属性，还是数组里的null元素，都会被清理掉：

function removeNullProperties(obj) {
  // 处理数组：过滤掉null元素，同时递归清理数组内的对象/数组
  if (Array.isArray(obj)) {
    return obj
      .filter(item => item !== null)
      .map(item => removeNullProperties(item));
  }
  // 处理对象：遍历每个键值对
  else if (typeof obj === 'object' && obj !== null) {
    Object.keys(obj).forEach(key => {
      const value = obj[key];
      // 值为null直接删除属性
      if (value === null) {
        delete obj[key];
      }
      // 如果是对象/数组，递归清理
      else if (typeof value === 'object') {
        removeNullProperties(value);
        // 可选：如果递归后属性变成空对象/数组，也可以删掉（根据你的需求调整）
        // if (Object.keys(obj[key]).length === 0) delete obj[key];
      }
    });
  }
  return obj;
}

结合AJAX使用的示例 #

假设你用fetch发起请求（用XMLHttpRequest逻辑也是一样的）：

// 发起AJAX请求
fetch('你的API地址')
  .then(response => response.json()) // 自动把JSON字符串转成JS对象
  .then(rawData => {
    // 调用函数清理所有null值
    const cleanedData = removeNullProperties(rawData);
    // 如果需要转回JSON字符串，就用JSON.stringify
    const cleanedJsonString = JSON.stringify(cleanedData);
    
    console.log('清理后的结果:', cleanedJsonString);
    // 接下来处理你的业务逻辑就行
  })
  .catch(err => console.error('请求出错啦:', err));

额外说明 #

• 如果你的AJAX返回的是未解析的原始JSON字符串，记得先调用JSON.parse(jsonString)转成对象再传入函数。
• 函数里的可选注释部分，是用来清理递归后变成空的对象或数组的，比如某个属性原本是个对象，里面的属性全是null被删掉了，就会变成空对象，如果你不需要这种空结构，可以打开那行代码。

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