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 相关文章推荐
JavaScript国旗变换效果代码
Aug 13 Javascript
Js sort排序使用方法
Oct 17 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
Apr 26 Javascript
JS 毫秒转时间示例代码
Sep 22 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
在jQuery中处理XML数据的大致方法
Aug 14 Javascript
Vue微信项目按需授权登录策略实践思路详解
May 07 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
浅谈vuex actions和mutation的异曲同工
Dec 13 Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 Javascript
JS正则表达式常见函数与用法小结
Apr 13 Javascript
koa中间件核心(koa-compose)源码解读分析
Jun 15 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 echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
2016/11/01 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
一个可以显示阴历的JS代码
2007/03/05 Javascript
ExtJS下grid的一些属性说明
2009/12/13 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
javascript加号"+"的二义性说明
2013/03/04 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
javascript定时器完整实例
2015/02/10 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
2015/12/08 Javascript
使用angularjs创建简单表格
2016/01/21 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
jQuery位置选择器用法实例分析
2019/06/28 jQuery
如何运行Python程序的方法
2013/04/21 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
如何在VSCode下使用Jupyter的教程详解
2020/07/13 Python
欧缇丽美国官网:Caudalie美国
2016/12/31 全球购物
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
银行开业庆典方案
2014/02/06 职场文书
销售经理岗位职责
2014/03/16 职场文书
设计师求职信模板
2014/05/06 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL
Apache POI的基本使用详解
2021/11/07 Servers