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 相关文章推荐
jquer之ajaxQueue简单实现代码
Sep 15 Javascript
禁止页面刷新让F5快捷键及右键都无效
Jan 22 Javascript
jquery衣服颜色选取插件效果代码分享
Aug 28 Javascript
深入解析JavaScript中函数的Currying柯里化
Mar 19 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 Javascript
AngularJS实现多级下拉框
Mar 25 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
重新封装zend_soap实现http连接安全认证的php代码
2011/01/12 PHP
PHP生成静态HTML页面最简单方法示例
2015/04/09 PHP
PHP第三方登录―QQ登录实现方法
2017/02/06 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
在TP5数据库中四个字段实现无限分类的示例
2019/10/18 PHP
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
javascript学习笔记之函数定义
2015/06/25 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
jQuery实现菜单栏导航效果
2017/08/15 jQuery
移动前端图片压缩上传的实例
2017/12/06 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
python对html代码进行escape编码的方法
2015/05/04 Python
详解Python 定时框架 Apscheduler原理及安装过程
2019/06/14 Python
PyQt5 QListWidget选择多项并返回的实例
2019/06/17 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
2020/03/10 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
CSS3 简单又实用的5个属性
2010/03/04 HTML / CSS
shell程序中如何注释
2012/02/17 面试题
初中三年学生的学习自我评价
2013/11/13 职场文书
工作交流会欢迎词
2014/01/12 职场文书
搞笑获奖感言
2014/01/30 职场文书
中学教师培训制度
2014/01/31 职场文书
产品发布会策划方案
2014/05/12 职场文书
中央空调节能方案
2014/06/15 职场文书
《珍珠鸟》教学反思
2016/02/16 职场文书
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript