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 相关文章推荐
刷新页面实现方式总结(HTML,ASP,JS)
Nov 13 Javascript
Iframe thickbox2.0使用的方法
Mar 05 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 Javascript
JavaScript中的toUTCString()方法使用详解
Jun 12 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
Jan 28 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
layui 设置table 行的高度方法
Aug 17 Javascript
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
Layui弹出层 加载 做编辑页面的方法
Sep 16 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 魔术函数使用说明
2010/02/21 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
2016/08/15 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
原生JavaScript实现Tooltip浮动提示框特效
2017/03/07 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
2018/01/31 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
javascript实现获取中文汉字拼音首字母
2020/05/19 Javascript
python文件写入实例分析
2015/04/08 Python
python中reload(module)的用法示例详解
2017/09/15 Python
python的常见矩阵运算(小结)
2019/08/07 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
HTML5应用之文件上传
2016/12/30 HTML / CSS
生产车间实习自我鉴定
2013/09/23 职场文书
微观物理专业自荐信
2014/01/26 职场文书
有趣的广告词
2014/03/18 职场文书
领导干部对照检查材料
2014/08/24 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
2015年药店工作总结
2015/04/20 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
亮剑观后感600字
2015/06/05 职场文书
React如何创建组件
2021/06/27 Javascript