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 11 Javascript
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 Javascript
jQuery打印指定区域Html页面并自动分页
Jul 04 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
AngularJS基础 ng-repeat 指令简单示例
Aug 03 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
Aug 09 Javascript
详解node+express+ejs+bootstrap构建项目
Sep 27 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
vue: WebStorm设置快速编译运行的方法
Oct 18 Javascript
nuxt配置通过指定IP和端口访问的实现
Jan 08 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 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代码示例
2016/12/29 PHP
php输出含有“#”字符串的方法
2017/01/18 PHP
php使用PDO从数据库表中读取数据的实现方法(必看)
2017/06/02 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
javascript SocialHistory 检查访问者是否访问过某站点
2008/08/02 Javascript
jQuery 相关控件的事件操作分解
2009/08/03 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
简单的ajax连接库分享(不用jquery的ajax)
2014/01/19 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
javascript禁止访客复制网页内容的实现代码
2015/08/05 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
2017/04/21 Javascript
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
2018/11/25 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
2019/09/21 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
python 实现插入排序算法
2012/06/05 Python
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
Pandas 同元素多列去重的实例
2018/07/03 Python
python实现求特征选择的信息增益
2018/12/18 Python
python Django的web开发实例(入门)
2019/07/31 Python
Python文件操作方法详解
2020/02/09 Python
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
YSL圣罗兰美妆美国官网:Yves Saint Lauret US
2016/11/21 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
大学生演讲稿
2014/04/25 职场文书
学校标语大全
2014/06/19 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers
vue实现登陆页面开发实践
2022/05/30 Vue.js
移除Selenium中window.navigator.webdriver值
2022/06/10 Python
JavaScript前端面试扁平数据转tree与tree数据扁平化
2022/06/14 Javascript