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 相关文章推荐
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
js 获取Listbox选择的值的代码
Apr 15 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
Oct 10 Javascript
js特殊字符过滤的示例代码
Mar 05 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
Oct 29 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 Javascript
React服务端渲染(总结)
Jul 01 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
ant design vue导航菜单与路由配置操作
Oct 28 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
《魔兽争霸3:重制版》翻车了?你想要的我们都没有
2019/11/07 魔兽争霸
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
php中array_column函数简单实现方法
2016/07/11 PHP
PHP 获取客户端 IP 地址的方法实例代码
2018/11/11 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
PHP使用HTML5 FormData对象提交表单操作示例
2019/07/02 PHP
js资料toString 方法
2007/03/13 Javascript
用javascript自动显示最后更新时间
2007/03/15 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
JavaScript中的this关键字使用方法总结
2015/03/13 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
2015/07/08 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
vue.js+Element实现表格里的增删改查
2017/01/18 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
Python使用time模块实现指定时间触发器示例
2017/05/18 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
python3将视频流保存为本地视频文件
2018/06/20 Python
Numpy的简单用法小结
2019/08/28 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
英国领先的NHS批准的在线药店:Pharmacy2U
2017/01/06 全球购物
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
教学质量评估实施方案
2014/03/17 职场文书
党员志愿者活动总结
2014/06/26 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书