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笔记一 js以及json基础使用说明
May 22 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
Feb 03 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
详解vue-validator(vue验证器)
Jan 16 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
一些你可能不熟悉的JS知识点总结
Mar 15 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
Mar 22 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
如何优化vue打包文件过大
Apr 13 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
php cookie 登录验证示例代码
2009/03/16 PHP
php命名空间学习详解
2014/02/27 PHP
PHP使用imagick读取PDF生成png缩略图的两种方法
2014/03/20 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
window.open的功能全解析
2006/10/10 Javascript
javascript 表格排序和表头浮动效果(扩展SortTable)
2009/04/07 Javascript
javascript中"/"运算符常见错误
2010/10/13 Javascript
基于jquery自定义图片热区效果
2012/07/21 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
深入浅析Python中join 和 split详解(推荐)
2016/06/30 Python
python随机数分布random测试
2018/08/27 Python
Python读取mat文件,并保存为pickle格式的方法
2018/10/23 Python
简单了解python列表和元组的区别
2020/05/14 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
非常详细的C#面试题集
2016/07/13 面试题
销售人员自我评价
2014/02/01 职场文书
出纳员岗位职责风险
2014/03/06 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
学习普通话的体会
2014/11/07 职场文书
开幕式邀请函
2015/01/31 职场文书
小学庆六一主持词
2015/06/30 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
golang json数组拼接的实例
2021/04/28 Golang
JavaScript原始值与包装对象的详细介绍
2021/05/11 Javascript
vue实现同时设置多个倒计时
2021/05/20 Vue.js
如何优化vue打包文件过大
2022/04/13 Vue.js