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 相关文章推荐
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
javascript创建动态表单的方法
Jul 25 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
Mar 26 Javascript
taro 实现购物车逻辑的实例代码
Jun 05 Javascript
JavaScript实现页面动态验证码的实现示例
Mar 23 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面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
PHP学习之数组值的操作
2011/04/17 PHP
如何利用php array_multisort函数 对数据库结果进行复杂排序
2013/06/08 PHP
PHP的PSR规范中文版
2013/09/28 PHP
PHP使用imagick读取PDF生成png缩略图的两种方法
2014/03/20 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
php基于mcrypt的加密解密实例
2014/10/27 PHP
smarty学习笔记之常见代码段用法总结
2016/03/19 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
Mootools 1.2教程 设置和获取样式表属性
2009/09/15 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
2015/02/28 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
2015/08/05 Javascript
javascript 四十条常用技巧大全
2016/09/09 Javascript
微信小程序 支付简单实例及注意事项
2017/01/06 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
js选项卡的制作方法
2017/01/23 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
Vue中如何实现轮播图的示例代码
2017/07/27 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
[03:12]完美世界DOTA2联赛PWL DAY9集锦
2020/11/10 DOTA
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Python与人工神经网络:使用神经网络识别手写图像介绍
2017/12/19 Python
Python实现翻转数组功能示例
2018/01/12 Python
浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
2018/04/10 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
Python连接Redis的基本配置方法
2018/09/13 Python
对Xpath 获取子标签下所有文本的方法详解
2019/01/02 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
python 获取字典特定值对应的键的实现
2020/09/29 Python
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
2015年电话客服工作总结
2015/05/18 职场文书
五年级作文之学校的四季
2019/12/05 职场文书