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 快速构建可拖曳的购物车DragDrop
Nov 30 Javascript
JavaScript 异步方法队列链实现代码分析
Jun 05 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
Apr 13 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
Aug 21 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
Apr 26 Javascript
微信小程序 如何获取网络状态
Jul 26 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 Javascript
TypeScript实用技巧 Nominal Typing名义类型详解
Sep 23 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读取html并截取字符串的简单代码
2009/11/30 PHP
php定界符
2014/06/19 PHP
深入理解php printf() 输出格式化的字符串
2016/05/23 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
php7基于递归实现删除空文件夹的方法示例
2017/06/15 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
PHP使用zlib扩展实现GZIP压缩输出的方法详解
2018/04/09 PHP
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
基于jQuery的动态表格插件
2011/03/28 Javascript
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
js实现获取焦点后光标在字符串后
2014/09/17 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
2016/05/26 Javascript
JavaScript面试开发常用的知识点总结
2016/08/08 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
VUE中v-model和v-for指令详解
2017/06/23 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
[01:05:56]2018DOTA2亚洲邀请赛3月29日 小组赛A组 Newbee VS VG
2018/03/30 DOTA
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
python实现查询苹果手机维修进度
2015/03/16 Python
Python实现Logger打印功能的方法详解
2017/09/01 Python
劳力士官方珠宝商:J.R. Dunn Jewelers
2018/09/29 全球购物
英国家电购物网站:Sonic Direct
2019/03/26 全球购物
励志演讲稿大全
2014/08/21 职场文书
师德先进个人材料
2014/12/20 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫