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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
js Map List 遍历使用示例
Jul 10 Javascript
js中的referrer返回上一页使用介绍
Sep 26 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
分享经典的JavaScript开发技巧
Nov 21 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
js实现移动端轮播图
Dec 21 Javascript
js实现图片跟随鼠标移动效果
Oct 16 Javascript
javascript中的with语句学习笔记及用法
Feb 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
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
PHP数组操作类实例
2015/07/11 PHP
php倒计时出现-0情况的解决方法
2016/07/28 PHP
PHP Oauth授权和本地加密实现方法
2016/08/12 PHP
jQuery学习基础知识小结
2010/11/25 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
requireJS使用指南
2016/04/27 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
Python的Flask框架应用调用Redis队列数据的方法
2016/06/06 Python
安装Python的教程-Windows
2017/07/22 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
python如何生成各种随机分布图
2018/08/27 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
在python中创建指定大小的多维数组方式
2019/11/28 Python
基于python 将列表作为参数传入函数时的测试与理解
2020/06/05 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
美国祛痘、抗衰老药妆品牌:Murad
2016/08/27 全球购物
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
MYSQL基础面试题
2012/05/13 面试题
计算机专业推荐信范文
2013/11/20 职场文书
管理信息系学生的自我评价
2014/01/11 职场文书
鲜花方阵解说词
2014/02/13 职场文书
中式婚礼主持词
2014/03/13 职场文书
美德少年事迹材料1000字
2014/08/21 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
食品安全主题班会
2015/08/13 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
MySQL索引是啥?不懂就问
2021/07/21 MySQL
详细谈谈JavaScript中循环之间的差异
2021/08/23 Javascript