js對json格式物件增刪改查功能

所謂的json格式物件，這裡指的就是物件直接量

很多人常說json物件來指代json格式資料其實是不對，具體可以參閱是否存在JSON物件一章節。

更多關於json的內容可以參閱json教程板塊。

一.更新內容:

[JavaScript] 純文字檢視 複製程式碼
var obj = { antzone: [
  { webName: "螞蟻部落", age: 4, url: "www.softwhy.com" },
  { webName: "騰訊", age: 16, url: "www.qq.com" },
  { webName: "百度", age: 15, url: "www.baidu.com" }
]};
 
function updateData(webName,updateKey,value) {
  var webs = obj.antzone;
  for (var index = 0; index < webs.length; index++) {
    var cur_web = webs[index];
    if (cur_web.webName == webName) {
      webs[index][updateKey] = value;
    }
  }
}
updateData("螞蟻部落", "age", 5);
console.log(obj.antzone[0].age);

上面的程式碼可以將第一個物件直接量的age值修改為5.

二.刪除內容:

[JavaScript] 純文字檢視 複製程式碼
var obj = { antzone: [
  { webName: "螞蟻部落", age: 4, url: "www.softwhy.com" },
  { webName: "騰訊", age: 16, url: "www.qq.com" },
  { webName: "百度", age: 15, url: "www.baidu.com" }
]};
 
function deleteData(webName) {
  var webs = obj.antzone;
  for (var index = 0; index < webs.length; index++) {
    var cur_web = webs[index];
    if (cur_web.webName == webName) {
      webs.splice(index, 1);
    }
  }
}
deleteData("螞蟻部落");
console.log(obj.antzone[0].webName);

上面的程式碼可以刪除webName屬性值是"螞蟻部落的"物件。

三.增加一項:

[JavaScript] 純文字檢視 複製程式碼
var obj = { antzone: [
  { webName: "螞蟻部落", age: 4, url: "www.softwhy.com" },
  { webName: "騰訊", age: 16, url: "www.qq.com" },
  { webName: "百度", age: 15, url: "www.baidu.com" }
]};
var newWeb = { webName: "網易", age: 15, url: "www.163.com" };
obj.antzone.push(newWeb);
console.log(obj.antzone[3].webName);