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的direction图片渐变动画效果
May 24 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
JavaScript实现MIPS乘法模拟的方法
Apr 17 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
AngularJs  E2E Testing 详解
Sep 02 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
Nov 26 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
Mar 05 Javascript
Vue之Mixins(混入)的使用方法
Sep 24 Javascript
原生JavaScript实现拖动校验功能
Sep 29 Javascript
用vue写一个日历
Nov 02 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 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查询操作实现投票功能
2016/05/09 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
js中的escape及unescape函数的php实现代码
2007/09/04 Javascript
jQuery 解析xml文件
2009/08/09 Javascript
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
JS实现文档加载完成后执行代码
2015/07/09 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
关于使用js算总价的问题
2017/06/23 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
详解Vue调用手机相机和相册以及上传
2019/05/05 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
2020/09/02 Javascript
[02:20]DOTA2英雄基础教程 黑暗贤者
2013/12/19 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
Python之Web框架Django项目搭建全过程
2017/05/02 Python
python snownlp情感分析简易demo(分享)
2017/06/04 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
python对验证码降噪的实现示例代码
2019/11/12 Python
基于python实现地址和经纬度转换
2020/05/19 Python
[原创]赚疯了!转手立赚800+?大佬的python「抢茅台脚本」使用教程
2021/01/12 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
工艺工程师工作职责
2013/11/23 职场文书
授权委托书格式模板
2014/04/03 职场文书
物业管理工作方案
2014/05/10 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
2015学生会文艺部工作总结
2015/04/03 职场文书
防溺水安全教育主题班会
2015/08/12 职场文书
JavaScript事件的委托(代理)的用法示例详解
2022/02/18 Javascript