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)

手敲得代码

jquery删除数组中的一个元素的方法是用splice实现的。

举例说明:

var arrList = ['a','b','c','d']

arrList.splice(jQuery.inArray('b',arrList),1)

alert(arrList)

其中jQuery.inArray('b',arrList)是b这个元素在数组arrList 中的位置

splice(index,1)函数中第一个参数index是要删除元素在数组中的位置,第二个参数是要删除的数量。

Array对象的方法有:

concat() 连接两个或更多的数组,并返回结果。

join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

pop() 删除并返回数组的最后一个元素。

push() 向数组的末尾添加一个或更多元素,并返回新的长度。

reverse() 颠倒数组中元素的顺序。

shift() 删除并返回数组的第一个元素

slice() 从某个已有的数组返回选定的元素

sort() 对数组的元素进行排序

splice() 删除元素,并向数组添加新元素。

toSource() 返回该对象的源代码。

toString() 把数组转换为字符串,并返回结果。

toLocaleString() 把数组转换为本地数组,并返回结果。

unshift() 向数组的开头添加一个或更多元素,并返回新的长度。

valueOf() 返回数组对象的原始值。


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

原文地址: http://outofmemory.cn/sjk/9440002.html

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

发表评论

登录后才能评论

评论列表(0条)

保存