如何向JSON数组内的JSON对象追加属性？

嘿，我明白你遇到的问题了——你现在的requestJson是一个JSON格式的字符串，不是可直接操作的JavaScript对象，所以直接用requestJson["data"][0]["id"]这种对象属性访问方式肯定行不通，这就是为什么你得到undefined的原因。

下面是具体的解决步骤和代码示例：

正确的实现流程 #

要修改JSON里的内容，得先把字符串转换成JS对象，修改完之后再转成JSON字符串（如果需要的话）：

// 你的原始JSON字符串
let requestJson = '{ "data": [ { "type": "Type1", "value": "MyValue" } ] }';

// 第一步：把JSON字符串解析成JavaScript对象
const requestObj = JSON.parse(requestJson);

// 第二步：给data数组里的第一个对象添加id属性
requestObj.data[0].id = "123";

// 第三步（可选）：如果需要把修改后的对象转回JSON字符串
requestJson = JSON.stringify(requestObj);

// 现在打印看看结果
console.log(requestJson);
// 输出：{"data":[{"type":"Type1","value":"MyValue","id":"123"}]}

为什么你的代码没生效？ #

当你直接对字符串使用["data"]时，JS会把它当成字符串的索引访问——字符串的索引只能获取单个字符，所以requestJson["data"]自然返回undefined。必须先通过JSON.parse()把字符串转换成可操作的对象，才能修改它的属性。

额外小技巧 #

如果你的data数组里有多个对象，想要给每个对象都添加id，可以用forEach循环批量处理：

requestObj.data.forEach((item, index) => {
  // 这里给每个对象分配递增的id，你也可以换成自定义的id值
  item.id = `${index + 1}`;
});

另外，如果担心原始JSON字符串格式有误导致解析失败，可以用try/catch包裹JSON.parse()来处理错误哦。

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