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 页面坐标相关知识整理
Jan 09 Javascript
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
svg动画之动态描边效果
Feb 22 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
Mar 06 Javascript
angular中的cookie读写方法
Aug 02 Javascript
angular4 如何在全局设置路由跳转动画的方法
Aug 30 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
Jul 03 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
Apr 29 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 25 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巧获服务器端信息
2006/12/06 PHP
使用PHP实现蜘蛛访问日志统计
2013/07/05 PHP
php全角字符转换为半角函数
2014/02/07 PHP
php 如何设置一个严格控制过期时间的session
2017/05/05 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
Javascript实现页面跳转的几种方式分享
2013/10/26 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
javascript类型系统 Array对象学习笔记
2016/01/09 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
2019/08/01 Javascript
对Layer弹窗使用及返回数据接收的实例详解
2019/09/26 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
2019/08/12 Python
python numpy中cumsum的用法详解
2019/10/17 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
HTML5等待加载动画效果
2017/07/27 HTML / CSS
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
shell的种类有哪些
2015/04/15 面试题
演讲稿怎么写
2014/01/07 职场文书
会议活动邀请函
2014/01/27 职场文书
公司面试感谢信
2014/02/01 职场文书
化妆品促销方案
2014/02/24 职场文书
2016年学校安全教育月活动总结
2016/04/06 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
Django操作cookie的实现
2021/05/26 Python
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL