jquery下json数组的操作实现代码


Posted in Javascript onAugust 09, 2010

今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽。
记录下来。
1、数组的创建

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

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。
2、数组的元素的访问
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的特殊用法,不常用
Javascript 相关文章推荐
javascript脚本编程解决考试分数统计问题
Oct 18 Javascript
js+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
JS实现倒计时(天数、时、分、秒)
Nov 16 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
jQuery Raty星级评分插件使用方法实例分析
Nov 25 jQuery
在vue项目实现一个ctrl+f的搜索功能
Feb 28 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 Javascript
可以用来调试JavaScript错误的解决方案
Aug 07 #Javascript
DLL+ ActiveX控件+WEB页面调用例子
Aug 07 #Javascript
JavaScript中继承的一些示例方法与属性参考
Aug 07 #Javascript
javascript 防止刷新,后退,关闭
Aug 07 #Javascript
纯CSS打造的导航菜单(附jquery版)
Aug 07 #Javascript
基于jquery的商品展示放大镜
Aug 07 #Javascript
jquery autocomplete自动完成插件的的使用方法
Aug 07 #Javascript
You might like
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
数组任意位置插入元素,删除特定元素的实例
2017/03/02 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
完美的php分页类
2017/10/24 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
常用参考资料(手册)下载或者链接
2006/07/22 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
JavaScript经典效果集锦
2010/07/06 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
2017/01/21 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
2020/09/10 Javascript
Javascript执行上下文顺序的深入讲解
2020/11/04 Javascript
vue使用element-ui实现表单验证
2020/12/13 Vue.js
python爬取网站数据保存使用的方法
2013/11/20 Python
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
基于python实现的抓取腾讯视频所有电影的爬虫
2016/04/22 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
浙江文明网签名寄语
2014/01/18 职场文书
竞选大队委员演讲稿
2014/04/28 职场文书
文明寝室申报材料
2014/05/12 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js
5个实用的JavaScript新特性
2022/06/16 Javascript