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 window.confirm确认 取消对话框实现代码小结
Oct 21 Javascript
JavaScript的Module模式编程深入分析
Aug 13 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
Jan 19 Javascript
AngularJs页面筛选标签小功能
Aug 01 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
Sep 17 Javascript
BootStrap中
Dec 10 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
jquery实现多次上传同一张图片
Jan 09 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
JavaScript中数组常见操作技巧
Sep 01 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 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
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
PHP下通过exec获得计算机的唯一标识[CPU,网卡 MAC地址]
2011/06/09 PHP
php小经验:解析preg_match与preg_match_all 函数
2013/06/29 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
PHP count_chars()函数讲解
2019/02/14 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
Javascript动画的实现原理浅析
2015/03/02 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
2015/12/24 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
[01:20]辉夜杯背景故事宣传片《辉夜传说》
2015/12/25 DOTA
Python中unittest用法实例
2014/09/25 Python
Tensorflow 自带可视化Tensorboard使用方法(附项目代码)
2018/02/10 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
荷兰度假屋租赁网站:Aan Zee
2020/02/28 全球购物
加拿大留学自荐信
2014/01/28 职场文书
好的促销活动方案
2014/08/21 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
初三毕业感言
2015/07/31 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
Python jiaba库的使用详解
2021/11/23 Python