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中的有名函数和无名函数
Oct 17 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
jQuery实现选项卡切换效果简单演示
Dec 09 Javascript
谈谈JavaScript类型系统之Math
Jan 06 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
Vuex的基本概念、项目搭建以及入坑点
Nov 04 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
js中的深浅拷贝问题简析
May 10 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 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
PR值查询 | PageRank 查询
2006/12/20 PHP
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
PHP连接MySQL数据的操作要点
2015/03/20 PHP
php实现猴子选大王问题算法实例
2015/04/20 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
javascript 计算两个整数的百分比值
2009/12/26 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
javascript jq 弹出层实例
2013/08/25 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
2014/06/27 Javascript
微信小程序 数据访问实例详解
2016/10/08 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
微信小程序 基础知识css样式media标签
2017/02/15 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
[50:50]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.20
2020/12/23 DOTA
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
Python for循环生成列表的实例
2018/06/15 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
python异步编程 使用yield from过程解析
2019/09/25 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
美国精油公司:Plant Therapy
2019/05/17 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
数据库方面面试题
2012/04/22 面试题
自愿离婚协议书范本
2014/09/13 职场文书
详细的本科生职业生涯规划范文
2014/09/16 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python