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 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
javascript中callee与caller的用法和应用场景
Dec 08 Javascript
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
Aug 23 Javascript
js鼠标点击图片切换效果代码分享
Aug 26 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
Vue父子组件之间的通信实例详解
Sep 28 Javascript
基于vue和react的spa进行按需加载的实现方法
Sep 29 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 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
.htaccess文件保护实例讲解
2011/02/06 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
JavaScript window.setTimeout() 的详细用法
2009/11/04 Javascript
Js中获取frames中的元素示例代码
2013/07/30 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
JS修改地址栏参数实例代码
2016/06/14 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
ES6 Iterator接口和for...of循环用法分析
2019/07/31 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
2019/11/06 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
Python内置函数dir详解
2015/04/14 Python
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
Django choices下拉列表绑定实例
2020/03/13 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
2020/06/18 Python
对python中list的五种查找方法说明
2020/07/13 Python
python 制作本地应用搜索工具
2021/02/27 Python
10个顶级Python实用库推荐
2021/03/04 Python
CSS3中Animation动画属性用法详解
2016/07/04 HTML / CSS
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
俄罗斯设计师家具购物网站:The Furnish
2019/12/01 全球购物
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
2014年圣诞节促销方案
2014/03/14 职场文书
调解协议书
2014/04/16 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
法律意见书范文
2015/05/20 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
pytest配置文件pytest.ini的详细使用
2021/04/17 Python