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 相关文章推荐
JavaScript中String和StringBuffer的速度之争
Apr 01 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
Jul 31 Javascript
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
JS实现的四级密码强度检测功能示例
May 11 Javascript
详解react-webpack2-热模块替换[HMR]
Aug 03 Javascript
详解JS数值Number类型
Feb 07 Javascript
利用js实现前后台传送Json的示例代码
Mar 29 Javascript
在vue项目中使用md5加密的方法
Sep 14 Javascript
详解JS实现简单的时分秒倒计时代码
Apr 25 Javascript
vue.js实现点击图标放大离开时缩小的代码
Jan 27 Vue.js
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
全文搜索和替换
2006/10/09 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
ExtJS 2.2.1的grid控件在ie6中的显示问题
2009/05/04 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
2014/09/02 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
详解AngularJS中ng-src指令的使用
2016/09/07 Javascript
微信小程序 教程之数据绑定
2016/10/18 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
js常用DOM方法详解
2017/02/04 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
微信小程序progress组件使用详解
2018/01/31 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
详解ES6 Promise对象then方法链式调用
2018/10/20 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
Python中filter与lambda的结合使用详解
2019/12/24 Python
Python类如何定义私有变量
2020/02/03 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
就业推荐表自我鉴定
2013/10/29 职场文书
实习教师自我鉴定
2013/12/12 职场文书
后勤采购员岗位职责
2013/12/19 职场文书
连锁酒店店长职责范本
2014/02/13 职场文书
村道德模范事迹材料
2014/08/28 职场文书
财务年终工作总结大全
2019/06/20 职场文书
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python