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 相关文章推荐
JS隐藏参数post传值实例
Apr 18 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
js给网页加上背景音乐及选择音效的方法
Mar 03 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
jquery实现二级导航下拉菜单效果
Dec 18 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
vue单元格多列合并的实现
Nov 26 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/12/06 PHP
php实现比较全的数据库操作类
2015/06/18 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
php设计模式之单例模式用法经典示例分析
2019/09/20 PHP
jQuery中delegate和on的用法与区别详细解析
2014/01/26 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
10行代码实现微信小程序滑动tab切换
2018/12/28 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
2019/10/21 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
Python实现二叉搜索树
2016/02/03 Python
Python中super函数的用法
2017/11/17 Python
django中的setting最佳配置小结
2017/11/21 Python
利用pyinstaller将py文件打包为exe的方法
2018/05/14 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
安装docker-compose的两种最简方法
2019/07/30 Python
python中温度单位转换的实例方法
2020/12/27 Python
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
六年级学生评语大全
2014/12/26 职场文书
学生上课迟到检讨书
2015/01/01 职场文书
药店营业员岗位职责
2015/04/14 职场文书
原告离婚代理词
2015/05/23 职场文书
学雷锋感言
2015/08/03 职场文书
2016国庆节活动宣传语
2015/11/25 职场文书