js数组操作常用方法


Posted in Javascript onMay 08, 2014

在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。

今天试过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 相关文章推荐
JS 用6N±1法求素数 实例教程
Oct 20 Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 Javascript
JavaScript不刷新实现浏览器的前进后退功能
Nov 05 Javascript
avalonjs实现仿微博的图片拖动特效
May 06 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
AngularJS单选框及多选框实现双向动态绑定
Jan 13 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 #Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 #Javascript
javascript操作excel生成报表示例
May 08 #Javascript
jquery的ajax跨域请求原理和示例
May 08 #Javascript
Javascript单元测试框架QUnitjs详细介绍
May 08 #Javascript
javascript与有限状态机详解
May 08 #Javascript
ajax提交表单实现网页无刷新注册示例
May 08 #Javascript
You might like
php 获取本地IP代码
2013/06/23 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
thinkPHP多表查询及分页功能实现方法示例
2017/07/03 PHP
Laravel5.4框架中视图共享数据的方法详解
2019/09/05 PHP
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
浅谈Vue的加载顺序探讨
2017/10/25 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
详解vantUI框架在vue项目中的应用踩坑
2018/12/06 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
Python实现两款计算器功能示例
2017/12/19 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
文秘专业毕业生就业推荐信
2013/11/08 职场文书
财务主管自我鉴定
2014/01/17 职场文书
低碳生活倡议书
2014/04/14 职场文书
企业消防安全责任书
2014/07/23 职场文书
教师竞聘上岗演讲稿
2014/09/03 职场文书
八一建军节演讲稿
2014/09/10 职场文书
2014基层党员批评与自我批评范文
2014/09/24 职场文书
材料采购员岗位职责
2015/04/03 职场文书
学生通报表扬范文
2015/05/04 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
MySql学习笔记之事务隔离级别详解
2021/05/12 MySQL
React 高阶组件HOC用法归纳
2021/06/13 Javascript
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js