JavaScript数组及常见操作方法小结


Posted in Javascript onNovember 13, 2019

本文实例讲述了JavaScript数组及常见操作方法。分享给大家供大家参考,具体如下:

数组及操作方法

数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。

定义数组的方法

//对象的实例创建
var aList = new Array(1,2,3);
//直接量创建
var aList2 = [1,2,3,'asd'];

操作数组中数据的方法

1、获取数组的长度:aList.length;

var aList = [1,2,3,4];
alert(aList.length); // 弹出4

2、用下标操作数组的某个数据:aList[0];

var aList = [1,2,3,4];
alert(aList[0]); // 弹出1

3、join() 将数组成员通过一个分隔符合并成字符串

var aList = [1,2,3,4];
alert(aList.join('-')); // 弹出 1-2-3-4

4、push() 和 pop() 从数组最后增加成员或删除成员

var aList = [1,2,3,4];
aList.push(5);
alert(aList); //弹出1,2,3,4,5
aList.pop();
alert(aList); // 弹出1,2,3,4

5、unshift()和 shift() 从数组前面增加成员或删除成员

var aList = [1,2,3,4];
aList.unshift(5);
alert(aList); //弹出5,1,2,3,4
aList.shift();
alert(aList); // 弹出1,2,3,4

6、reverse() 将数组反转

var aList = [1,2,3,4];
aList.reverse();
alert(aList); // 弹出4,3,2,1

7、indexOf() 返回数组中元素第一次出现的索引值

var aList = [1,2,3,4,1,3,4];
alert(aList.indexOf(1));

8、splice() 在数组中增加或删除成员

var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //从第2个元素开始,删除1个元素,然后在此位置增加'7,8,9'三个元素
alert(aList); //弹出 1,2,7,8,9,4

多维数组

多维数组指的是数组的成员也是数组的数组。

var aList = [[1,2,3],['a','b','c']];

alert(aList[0][1]); //弹出2;

批量操作数组中的数据,需要用到循环语句

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
学习ExtJS 访问容器对象
Oct 07 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
Feb 03 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
php常见的页面跳转方法汇总
Apr 15 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
Oct 16 Javascript
JavaScript获取客户端IP的方法(新方法)
Mar 11 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
javascript json字符串到json对象转义问题
Jan 22 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 #Javascript
javascript操作元素的常见方法小结
Nov 13 #Javascript
Vue监听滚动实现锚点定位(双向)示例
Nov 13 #Javascript
vue项目中锚点定位替代方式
Nov 13 #Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 13 #Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 #jQuery
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
Nov 13 #Javascript
You might like
PHP实现删除非站内外部链接实例代码
2014/06/17 PHP
php实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
PHP中JSON的应用技巧
2015/10/10 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
javascript 播放器 控制
2007/01/22 Javascript
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
jQuery的bind()方法使用详解
2015/07/15 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
2017/06/08 Javascript
Vue-resource拦截器判断token失效跳转的实例
2017/10/27 Javascript
解决vue build打包之后首页白屏的问题
2018/03/06 Javascript
Nodejs 识别图片类型的方法
2019/08/15 NodeJs
layui实现给某一列加点击事件
2019/10/26 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
vue实现标签云效果的示例
2020/11/09 Javascript
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
Python异常处理例题整理
2019/07/07 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
Tory Burch美国官方网站:美国时尚生活品牌
2016/08/01 全球购物
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
德国价格合理的品牌商品购物网站:averdo
2019/03/21 全球购物
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
小学岗位竞聘方案
2014/01/22 职场文书
中秋节活动总结
2014/08/29 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
房贷工资证明范本
2015/06/12 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
linux下安装redis图文详细步骤
2021/12/04 Redis