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 Accessor实现说明
Dec 06 Javascript
jQuery操作JSON的CRUD用法实例
Feb 25 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
Jul 13 Javascript
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
对angularJs中自定义指令replace的属性详解
Oct 09 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
使用vue cli4.x搭建vue项目的过程详解
May 08 Javascript
ES6箭头函数和扩展实例分析
May 23 Javascript
一篇超完整的Vue新手入门指导教程
Nov 18 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中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
写js时遇到的一些小问题
2010/12/06 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
2013/03/05 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
纯javascript移动优先的幻灯片效果
2015/11/02 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
轮播图组件js代码
2016/08/08 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
基于jquery实现多级菜单效果
2017/07/25 jQuery
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
2018/08/31 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
微信小程序一周时间表功能实现
2019/10/17 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
0基础学习前端开发的一些建议
2020/07/14 Javascript
js实现拖拽元素选择和删除
2020/08/25 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
在漏洞利用Python代码真的很爽
2007/08/26 Python
Python Mysql数据库操作 Perl操作Mysql数据库
2009/01/12 Python
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
鼓励运动员的广播稿
2014/02/08 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
交通事故赔偿协议书怎么写
2014/10/04 职场文书