js对json格式对象增删改查功能

快乐打工仔 分类:实例代码

所谓的json格式对象,这里指的就是对象直接量

很多人常说json对象来指代json格式数据其实是不对,具体可以参阅是否存在JSON对象一章节。

更多关于json的内容可以参阅json教程板块。

一.更新内容:

var obj = { antzone: [
  { webName: "犀牛前端部落", age: 4, url: "www.pipipi.net" },
  { 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.

二.删除内容:

var obj = { antzone: [
  { webName: "犀牛前端部落", age: 4, url: "www.pipipi.net" },
  { 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属性值是"犀牛前端部落的"对象。

三.增加一项:

var obj = { antzone: [
  { webName: "犀牛前端部落", age: 4, url: "www.pipipi.net" },
  { 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);

js对json格式对象增删改查功能,这样的场景在实际项目中还是用的比较多的,关于js对json格式对象增删改查功能就介绍到这了。

js对json格式对象增删改查功能属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容