JavaScript 中替换 JSON 数据值的实用指南-js教程-PHP中文网

JavaScript 中替换 JSON 数据值的实用指南

DDD

发布： 2025-10-04 11:42:22

原创

650人浏览过

javascript 中替换 json 数据值的实用指南

本文旨在提供一个清晰、简洁的 JavaScript 教程，讲解如何根据特定条件，利用响应数据中的值替换 JSON 数据中的指定字段。我们将通过实例代码演示如何处理包含 "All" 值的 Emp_Id 字段，并使用响应数据中的 ID 值进行替换，最终生成期望的 JSON 数据结构。本教程适用于需要在 Apache NiFi 等环境中进行数据转换和处理的开发者。

问题背景

在数据处理场景中，我们经常需要根据 API 响应数据动态地更新现有的 JSON 数据。例如，我们可能需要将 JSON 对象中的某个字段（如 Emp_Id）的值替换为 API 响应中返回的 ID 值。当原始 JSON 数据中的该字段包含一个特殊值（如 "All"）时，我们需要根据响应数据中的多个 ID 值，复制原始 JSON 对象并进行替换，生成新的 JSON 对象数组。

解决方案

以下 JavaScript 代码展示了如何实现上述需求。核心思路是：

解析包含原始数据的 JSON 字符串。
遍历 JSON 对象数组，如果 Emp_Id 的值为 "All"，则将其保存为模板，并从数组中移除。
遍历 API 响应数据中的 ID 值，复制模板对象，并将 Emp_Id 替换为相应的 ID 值，然后将新对象添加到结果数组中。
如果 Emp_Id 的值不为 "All"，则直接将该对象复制到结果数组中。

var response = {
    "status": "success",
    "data": [[123, 0], [124, 0], [446, 0], [617, 1], [620, 0], [470 ,1]]
};
var IDs = response.data;

var s3Data = `[{ "Emp_Id": "All", "Emp_loc": 523, "Emp_dept": "Management", "Emp_sub_dept": "Finance", "Emp_sub_dept2": "Accountant" }, { "Emp_Id": "1230", "Emp_loc": 522, "Emp_dept": "arts", "Emp_sub_dept": "Finance", "Emp_sub_dept2": "Accountant"} ]`; // JSON string

var objects = JSON.parse(s3Data);
var resultArray = [];
var template = "";
for (var i = 0; i < objects.length; i++) {
  var id = objects[i].Emp_Id;
  var clone = JSON.parse(JSON.stringify(objects[i])); // Deep copy to avoid modification of original object
  if (id !== "All") {
    resultArray.push(clone); // push a clone
  }
  else if (!template) template = clone; // Store the template
}

// continue with the one without ID

for (var i = 0; i < IDs.length; i++) {
  var id = IDs[i][0];
  var obj = JSON.parse(JSON.stringify(template));  // copy
  if (obj.Emp_Id === "All") obj.Emp_Id = id;
  resultArray.push(obj)
}

console.log(resultArray); // Object array

登录后复制

代码解释：

千图设计室AI海报

千图网旗下的智能海报在线设计平台

227

查看详情

立即学习“Java免费学习笔记（深入）”；

JSON.parse(s3Data): 将 JSON 字符串解析为 JavaScript 对象数组。
JSON.stringify(objects[i]): 将 JavaScript 对象转换为 JSON 字符串。
JSON.parse(JSON.stringify(objects[i])): 用于创建对象的深拷贝，防止修改原始数据。这是一个常用的技巧，确保在修改复制后的对象时，不会影响到原始对象。
template: 用于存储Emp_Id为 "All" 的对象，作为后续复制和替换的基础。
resultArray: 存储最终结果的数组。

注意事项

深拷贝： 使用 JSON.parse(JSON.stringify(object)) 进行深拷贝，确保修改新对象时不会影响原始对象。在处理复杂对象时，浅拷贝可能会导致意外的副作用。
错误处理： 在实际应用中，需要添加错误处理机制，例如检查 API 响应是否成功，以及处理 JSON 解析错误。
性能优化： 如果数据量很大，可以考虑使用更高效的深拷贝方法，例如使用第三方库。