温馨提示:本文翻译自stackoverflow.com,查看原文请点击:jquery - Updating a JSON object using Javascript
javascript jquery json

jquery - 使用Javascript更新JSON对象

发布于 2020-03-27 10:43:22

如何使用javascript或jQuery动态更新以下JSON对象?

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

我想将用户名动态更新为“ Id”为“ 3”的“ Thomas”。

我该如何实现?

查看更多

查看更多

提问者
Abishek
被浏览
142
Michael Berkowski 2019-02-21 00:11

一个简单的JavaScript解决方案,假定jsonObj已经包含JSON:

在其上循环查找匹配的ID,设置相应的用户名,并break在修改了匹配项之后从循环中进行查找

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

它在jsFiddle上。

这是包装在函数中的同一件事:

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");