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获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
js图片自动轮播代码分享(js图片轮播)
May 06 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
Dec 15 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
浅谈JavaScript 覆盖原型以及更改原型
Aug 31 Javascript
jQuery基于ajax操作json数据简单示例
Jan 05 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
JavaScript中七种流行的开源机器学习框架
Oct 11 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 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
全国FM电台频率大全 - 9 上海市
2020/03/11 无线电
php array的学习笔记
2012/05/10 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
2014/07/15 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
node.js中的emitter.on方法使用说明
2014/12/10 Javascript
纯Javascript实现ping功能的方法
2015/03/20 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
简单分析js中的this的原理
2019/08/31 Javascript
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
Python实现字典按照value进行排序的方法分析
2017/12/23 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
Python3.5文件修改操作实例分析
2019/05/01 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
在keras里面实现计算f1-score的代码
2020/06/15 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
工作经历证明书范文
2014/11/02 职场文书
保管员岗位职责
2015/02/14 职场文书
环卫工作个人总结
2015/03/04 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript
Pandas 稀疏数据结构的实现
2021/07/25 Python
python开发的自动化运维工具ansible详解
2021/08/07 Python