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 相关文章推荐
JavaScript For Beginners(转载)
Jan 05 Javascript
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
不同浏览器的怪癖小结
Jul 11 Javascript
HTML复选框和单选框 checkbox和radio事件介绍
Dec 12 Javascript
使用js画图之饼图
Jan 12 Javascript
JS获取iframe中longdesc属性的方法
Apr 01 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
vue组件通信传值操作示例
Jan 08 Javascript
用javascript制作qq注册动态页面
Apr 14 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
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
原生js实现水平方向无缝滚动
2017/01/10 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
vue中使用element组件时事件想要传递其他参数的问题
2019/09/18 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
vue根据条件不同显示不同按钮的操作
2020/08/04 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
python字符串,数值计算
2016/10/05 Python
Mac 上切换Python多版本
2017/06/17 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
详解python中@的用法
2019/03/27 Python
Python pandas.DataFrame调整列顺序及修改index名的方法
2019/06/21 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
python能做什么 python的含义
2019/10/12 Python
Python @property原理解析和用法实例
2020/02/11 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
奥地利智能家居和智能生活网上商店:tink.at
2019/10/07 全球购物
一些Solaris面试题
2015/12/22 面试题
大学生暑期社会实践证明范本
2014/10/24 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
安全隐患整改报告
2014/11/06 职场文书
院系推荐意见
2015/06/05 职场文书
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
使用python求解迷宫问题的三种实现方法
2022/03/17 Python