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判断机器是否联网的2种方法
Aug 09 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 Javascript
URL中“#” “?” &“”号的作用浅析
Feb 04 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
JS实现的四级密码强度检测功能示例
May 11 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
Jun 10 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
Oct 26 Javascript
Vue深入理解插槽slot的使用
Aug 05 Vue.js
可以用来调试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
sae使用smarty模板的方法
2013/12/17 PHP
php解析url的三个示例
2014/01/20 PHP
php截取中文字符串函数实例
2015/02/23 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
JS 自定义带默认值的函数
2011/07/21 Javascript
JavaScript中setAttribute用法介绍
2013/07/20 Javascript
整理Javascript事件响应学习笔记
2015/12/02 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
KnockoutJS 3.X API 第四章之click绑定
2016/10/10 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
分析JavaScript数组操作难点
2017/12/18 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python算法学习之计数排序实例
2013/12/18 Python
Python操作列表的常用方法分享
2014/02/13 Python
python获取多线程及子线程的返回值
2017/11/15 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
对python中dict和json的区别详解
2018/12/18 Python
Python学习笔记之读取文件、OS模块、异常处理、with as语法示例
2019/06/04 Python
python自动下载图片的方法示例
2020/03/25 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
瑞士最大的图书贸易公司:Orell Füssli
2019/12/28 全球购物
外语专业毕业生自我评价分享
2013/10/05 职场文书
出纳的岗位职责
2013/11/09 职场文书
股东协议书范本
2014/04/14 职场文书
青年安全生产示范岗事迹材料
2014/05/04 职场文书
十佳护士先进事迹
2014/05/08 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书