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同时按下两个方向键
Dec 01 Javascript
javascript各种复制代码收集
Sep 20 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
Nov 14 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
浅析node.js中close事件
Nov 26 Javascript
JS+CSS实现简易实用的滑动门菜单效果
Sep 18 Javascript
文本框只能输入数字的实现方法(兼容IE火狐)
Jun 25 Javascript
Form表单上传文件(type="file")的使用
Aug 03 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
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操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
解析php中static,const与define的使用区别
2013/06/18 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
使用Codeigniter重写insert的方法(推荐)
2017/03/23 PHP
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
2007/08/21 Javascript
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
基于jquery的二级联动菜单实现代码
2011/04/25 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
常用的jQuery前端技巧收集
2014/12/24 Javascript
jQuery基于图层模仿五星星评价功能的方法
2015/05/07 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
JavaScript实现开关等效果
2017/09/08 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
JavaScript刷新页面的几种方法总结
2019/03/28 Javascript
jquery+css实现Tab栏切换的代码实例
2019/05/14 jQuery
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
[01:39](回顾)各路豪强针锋相对,几经鏖战四强产生
2014/07/01 DOTA
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Python数据结构与算法之完全树与最小堆实例
2017/12/13 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
python实现ping命令小程序
2020/12/28 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
trivago美国:全球最大的酒店价格比较网站
2018/01/18 全球购物
给幼儿园老师的表扬信
2014/01/19 职场文书
幼儿园教师的自我评价范文
2014/09/17 职场文书
2015年售票员工作总结
2015/04/29 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书