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 相关文章推荐
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 Javascript
javascript版2048小游戏
Mar 18 Javascript
jquery简单实现图片切换效果的方法
May 12 Javascript
javascript浏览器用户代理检测脚本实现方法
Oct 27 Javascript
实现单层json按照key字母顺序排序的示例
Dec 06 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
详解搭建es6+devServer简单开发环境
Sep 25 Javascript
vue中多个倒计时实现代码实例
Mar 27 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 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 金额数字转换成英文
2010/05/06 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
PHP动态生成javascript文件的2个例子
2014/04/11 PHP
基于命令行执行带参数的php脚本并取得参数的方法
2016/01/25 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
javascript 限制输入脚本大全
2009/11/03 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
Prototype源码浅析 Enumerable部分(二)
2012/01/18 Javascript
jquery 插件学习(六)
2012/08/06 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
2013/04/02 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
2019/05/14 Javascript
vue实现文件上传读取及下载功能
2020/11/17 Javascript
vue实现输入一位数字转汉字功能
2019/12/13 Javascript
swiperjs实现导航与tab页的联动
2020/12/13 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
python 中if else 语句的作用及示例代码
2018/03/05 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
用python对oracle进行简单性能测试
2020/12/05 Python
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
html如何对span设置宽度
2019/10/30 HTML / CSS
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
精彩的推荐信范文
2013/11/26 职场文书
超市后勤自我鉴定
2014/01/17 职场文书
银行服务感言
2014/03/01 职场文书
监察建议书
2015/02/04 职场文书
《1942》观后感
2015/06/08 职场文书
学生退学证明
2015/06/23 职场文书