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 相关文章推荐
基于jquery的获取mouse坐标插件的实现代码
Apr 01 Javascript
JS request函数 用来获取url参数
May 17 Javascript
DIV+CSS+JS不间断横向滚动实现代码
Mar 19 Javascript
JavaScript实现的圆形浮动标签云效果实例
Aug 06 Javascript
jQuery自定义滚动条完整实例
Jan 08 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
前端构建工具之gulp的配置与搭建详解
Jun 12 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
vue项目实现github在线预览功能
Jun 20 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
vue设置一开始进入的页面教程
Oct 28 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+MYSQL开发工具及资源收藏
2007/01/02 PHP
php shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
基于PHP CURL用法的深入分析
2013/06/09 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
PHP 8新特性简介
2020/08/18 PHP
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
2016/12/20 Javascript
jquery实现表单获取短信验证码代码
2017/03/13 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
js原生实现移动端手指滑动轮播图效果的示例
2018/01/02 Javascript
vue router 配置路由的方法
2018/07/26 Javascript
express.js中间件说明详解
2019/03/19 Javascript
解决vue2中使用elementUi打包报错的问题
2020/09/22 Javascript
[12:36]《DOTA2》国服注册与激活指南全攻略
2013/04/28 DOTA
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
python中time、datetime模块的使用
2020/12/14 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
如何在C# winform中异步调用web services
2015/09/21 面试题
Ruby如何实现动态方法调用
2012/11/18 面试题
工业自动化毕业生自荐信范文
2014/01/04 职场文书
5.12护士节活动总结
2015/02/10 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
民主生活会意见
2015/06/05 职场文书
Java中常用解析工具jackson及fastjson的使用
2021/06/28 Java/Android
详细聊聊MySQL中慢SQL优化的方向
2021/08/30 MySQL
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python