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 相关文章推荐
动态调用css文件——jquery的应用
Feb 20 Javascript
html超链接打开窗口大小的方法
Mar 05 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
Nov 04 Javascript
JS数组合并push与concat区别分析
Dec 17 Javascript
第一次接触JS require.js模块化工具
Apr 17 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
jquery Ajax 全局调用封装实例详解
Jan 16 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
Feb 17 Javascript
vue 项目接口管理的实现
Jan 17 Javascript
Vue form表单动态添加组件实战案例
Sep 02 Javascript
手机浏览器唤起微信分享(JS)
Oct 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 json转换成数组形式代码分享
2014/11/10 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
PHP解决中文乱码
2017/04/28 PHP
PHP面向对象之里氏替换原则简单示例
2018/04/08 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
javascript中的作用域scope介绍
2010/12/28 Javascript
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
js实现的常用的左侧导航效果
2013/10/17 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
2016/07/09 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
2016/10/19 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
通过npm引用的vue组件使用详解
2017/03/02 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
Python异常处理总结
2014/08/15 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
python使用matplotlib绘制折线图教程
2017/02/08 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
python安装gdal的两种方法
2019/10/29 Python
tensorflow的ckpt及pb模型持久化方式及转化详解
2020/02/12 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
基于python的opencv图像处理实现对斑马线的检测示例
2020/11/29 Python
HTML5的新特性(1)
2016/03/03 HTML / CSS
英国在线购买马术服装:EQUUS
2019/07/12 全球购物
消防安全员岗位职责
2014/03/10 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书