使用 Javascript 更新 JSON 对象

Question

更多

资料来源非AMP版本编辑

使用 Javascript 更新 JSON 对象

如何使用 javascript 或 Jquery 动态更新以下 JSON 对象？

var jsonObj = [{'Id':'1','Username':'Ray','FatherName':'Thompson'},  
               {'Id':'2','Username':'Steve','FatherName':'Johnson'},
               {'Id':'3','Username':'Albert','FatherName':'Einstein'}]

我想将用户名动态更新为 'Thomas'，其中的 'Id'是 '3'。

我该如何实现？

编程

javascript jquery json

2日一月 2012 в 3:22

1个视图

qiao

资料来源非AMP版本编辑

只需遍历列表，然后检查每个对象的属性即可。

for (var i = 0; i < jsonObj.length; ++i) {
    if (jsonObj[i]['Id'] === '3') {
        jsonObj[i]['Username'] = 'Thomas';
    }
}

6

0

Rodik

资料来源非AMP版本编辑

使用：

var parsedobj = jQuery.parseJSON( jsonObj);

这只有在不需要格式保持为字符串时才有用。否则，您必须使用 JSON 库将其转换回 JSON 格式。

2

0

Michael Berkowski · Accepted Answer · 2012-01-02T15:24:55+00:00

假设 jsonObj 已包含 JSON，则可使用纯 JavaScript 解决方案：

在其中循环查找匹配的 Id，设置相应的用户名，并在匹配项被修改后跳出循环：

for (var i = 0; i < jsonObj.length; i++) {
  if (jsonObj[i].Id === 3) {
    jsonObj[i].Username = "Thomas";
    break;
  }
}

[这里是 jsFiddle。][1］

下面是用函数封装的相同内容：

function setUsername(id, newUsername) {
  for (var i = 0; i < jsonObj.length; i++) {
    if (jsonObj[i].Id === id) {
      jsonObj[i].Username = newUsername;
      return;
    }
  }
}

// Call as
setUsername(3, "Thomas");