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实现动态CSS换肤技术的脚本
Jun 29 Javascript
jQuery 表格工具集
Apr 25 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
jQuery获取选中单选按钮radio的值
Dec 27 Javascript
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
微信小程序之绑定点击事件实例详解
Jul 07 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
Mar 16 Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
Sep 07 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 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
MyEclipse常用配置图文教程
2014/09/11 PHP
php实现上传图片保存到数据库的方法
2015/02/11 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
微信小程序实现星星评分效果
2020/11/01 Javascript
Python 私有函数的实例详解
2017/09/11 Python
浅谈Pycharm调用同级目录下的py脚本bug
2018/12/03 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
python集合删除多种方法详解
2020/02/10 Python
Python使用20行代码实现微信聊天机器人
2020/06/05 Python
浅谈Python中的继承
2020/06/19 Python
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
护理专业应届毕业生推荐信
2013/11/15 职场文书
汽车销售顾问求职自荐信
2014/01/01 职场文书
行政部总经理岗位职责
2014/01/04 职场文书
留学推荐信范文
2014/05/10 职场文书
贷款委托书怎么写
2014/08/02 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
计算机实训心得体会
2016/01/14 职场文书
2016开学第一课心得体会
2016/01/23 职场文书
OpenCV实现常见的四种图像几何变换
2022/04/01 Python