2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > jquery下json数组的操作和each遍历实例代码详解

jquery下json数组的操作和each遍历实例代码详解

时间:2022-08-06 04:40:07

相关推荐

jquery下json数组的操作和each遍历实例代码详解

web前端|js教程

javascript,jquery,json

web前端-js教程

在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。

相册 源码 下载,ubuntu文件不可读,tomcat 最大连接时间,地上爬虫图片,支持php8.0的博客,seo站长域名lzw

1、数组的创建

问卷调查源码,vscode怎么改连续相同的,ubuntu桌面指南,高并发tomcat最大并发量,sqlite sum语句,网页设计有几个方面,云服务器容量,dz主导航插件,前端框架编译型,爬虫公交车,php命令执行函数,seo视频教程全集,大楼物流公司网站源码,笑话网页模板,wordpress模板 域名个数限制,验证页面,微信投票管理系统 2.0,算卦的程序lzw

var arrayObj = new Array();//创建一个数组 var arrayObj = new Array([size]);//创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);//创建一个数组并赋值

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问

易语言视频组件源码,ubuntu usb不供电,python爬虫牢饭,php二分查找解决什么问题,seo公司哪lzw

var testGetArrValue=arrayObj[1]; //获取数组的元素值 arrayObj[1]= "这是新值"; //给数组元素赋予新的值

3、数组元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度 arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度 arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

4、数组元素的删除

arrayObj.pop(); //移除最后一个元素并返回该元素值 arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移 arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、数组的截取和合并

arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素 arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

6、数组的拷贝

arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向 arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

7、数组元素的排序

arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址 arrayObj.sort(); //对数组元素排序,返回数组地址

8、数组元素的字符串化

arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。 toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

一个简单的jQuery的例子来遍历一个JavaScript数组对象。

var json = [{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]; $.each(json, function(idx, obj) {alert(obj.tagName);});

上面的代码片断工作正常,提示 “apple”, “orange” … 等,如预期一样。

问题: JSON 字符串

下面的例子中,声明了一个JSON字符串(随附单或双引号)直接地。

var json = [{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]; $.each(json, function(idx, obj) {alert(obj.tagName);});

在Chrome中,它显示在控制台下面的错误:

Uncaught TypeError: Cannot use ‘in’ operator to search for ‘156’

in [{“id”:”1″,”tagName”:”apple”}…

解决方案:JSON字符串转换为JavaScript对象。

要修复它,通过标准JSON.parse()或jQuery 的 $.parseJSON 将其转换为JavaScript对象。

{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"},{"id":"5","tagName":"pineapple"}]; $.each(JSON.parse(json), function(idx, obj) {alert(obj.tagName);}); //or$.each($.parseJSON(json), function(idx, obj) {alert(obj.tagName);});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。