jquery对json数据进行增删改查的例子,求高手指点,我是新手,没怎么接触过

jquery对json数据进行增删改查的例子,求高手指点,我是新手,没怎么接触过,第1张

对json数据进行增删改查,大部分是要对json数组进行 *** 作,我定义一个数组,进行 *** 作

var list=[

{

id:1,

name:"张三",

age:12

},

{

id:2,

name:"李四",

age:21

},

{

id:3,

name:"王五",

age:31

}

]

这个json数组有三个对象,每个对象有三个属性,id,name,age

//增 *** 作,增加一个叫小胖的人

var obj={

id:4,

name:"小胖",

age:3

}

//push方法可以向数组进行增加 *** 作

list.push(obj)

//console.log会在浏览器f12时在控制太看到,建议用谷歌浏览器

console.log(obj)

//删 *** 作,删除刚刚叫小胖的人

//delnum用来记录要删除的人的索引

var delnum=-1

//用$.each进行循环,function里面的i,item是数组里每个对象的索引和具体对象,可以打印查看,方便理解

$.each(list,function(i,item){

console.log(i)

console.log(item)

if(item.name=="小胖"){

delnum=i

}

})

//splice方法表示从数组从索引delnum开始,删除1个对象

list.splice(delnum,1)

//打印一下

console.log(list)

//改 *** 作,修改所有人大于20岁的人,姓名前加一个“大”

//也是用$.each

$.each(list,function(i,item){

if(item.age>20){

item.name="大"+item.name

}

})

//查 *** 作,其实已经贯穿在上面了,查询所有大于20岁的人并打印出来

//用newlist记录查询的结果

var newlist=[]

//也是用$.each

$.each(list,function(i,item){

if(item.age>20){

//这一步不理解的,可以去看前面的增 *** 作

newlist.push(item)

}

})

//打印查询结果,会有姓名为李四和王五的数据出来(因为已经做了改 *** 作,其实应该是“大李四”和“大王五”)

console.log(newlist)

手敲得代码

思路

第一种方法:通过把json中需要的值取出来,重新生成json对象,这种方法比较笨

第二种方法:通过delete 删除属性,这种方法比较常用,在第三方js库中经常能看到,推荐

举例

<script>

var s = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}]

for(var k=0k<s.lengthk++){

    delete s[k]["name"]

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11798054.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存