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 相关文章推荐
Jquery下:nth-child(an+b)的使用注意
May 28 Javascript
JavaScript获取/更改文本框的值的实例代码
Aug 02 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
jQuery结合HTML5制作的爱心树表白动画
Feb 01 Javascript
javascript常见数字进制转换实例分析
Apr 21 Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 Javascript
用js制作淘宝放大镜效果
Oct 28 Javascript
js中数组常用方法总结(推荐)
Apr 09 Javascript
详解Vue源码学习之双向绑定
Apr 10 Javascript
JS中==、===你分清楚了吗
Mar 04 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 Javascript
详解jQuery的核心函数和事件处理
Feb 18 jQuery
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(4) php 函数 补充2
2010/02/15 PHP
php5.3 注意事项说明
2013/07/01 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
PHP实现的memcache环形队列类实例
2015/07/28 PHP
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
2014/02/04 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
JavaScript使用yield模拟多线程的方法
2015/03/19 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
jQuery简单实现MD5加密的方法
2017/03/03 Javascript
node.js操作mongodb简单示例分享
2017/05/25 Javascript
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
vue计算属性get和set用法示例
2019/02/08 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
js实现简单贪吃蛇游戏
2020/05/15 Javascript
vue实现购物车加减
2020/05/30 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
详解Python自建logging模块
2018/01/29 Python
Python处理CSV与List的转换方法
2018/04/19 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
python实现文件的备份流程详解
2019/06/18 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
银行服务感言
2014/03/01 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
2014年乡镇卫生院工作总结
2014/11/24 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python