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 相关文章推荐
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
Dec 03 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
Sep 05 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
JS日程管理插件FullCalendar简单实例
Feb 07 Javascript
vue.js中mint-ui框架的使用方法
May 12 Javascript
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
Vue 全家桶实现移动端酷狗音乐功能
Nov 16 Javascript
js字符串处理之绝妙的代码
Apr 05 Javascript
微信小程序实现时间进度条功能
Nov 17 Javascript
vue2.x数组劫持原理的实现
Apr 19 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
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
学习php设计模式 php实现观察者模式(Observer)
2015/12/09 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
ThinkPHP5.1表单令牌Token失效问题的解决
2019/03/22 PHP
JavaScript对象、属性、事件手册集合方便查询
2010/07/04 Javascript
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
非常好用的JsonToString 方法 简单实例
2013/07/18 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
JavaScript作用域链示例分享
2014/05/27 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
JavaScript实现Base64编码转换
2016/04/23 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
js 获取json数组里面数组的长度实例
2017/10/31 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
Python numpy 点数组去重的实例
2018/04/18 Python
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
Django migrations 默认目录修改的方法教程
2018/09/28 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
物流管理毕业生自荐信
2013/10/24 职场文书
大学毕业生最详细的自我评价分享
2013/11/18 职场文书
工作失误检讨书范文大全
2014/01/13 职场文书
人事专员的岗位职责
2014/03/01 职场文书
试用期解除劳动合同通知书
2015/04/16 职场文书
四则混合运算教学反思
2016/02/23 职场文书
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle