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 相关文章推荐
实现51Map地图接口(示例代码)
Nov 22 Javascript
动态加载脚本提升javascript性能
Feb 24 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
Javascript 数组排序详解
Oct 22 Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
Apr 06 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
AngularJS指令与控制器之间的交互功能示例
Dec 14 Javascript
vue-lazyload图片延迟加载插件的实例讲解
Feb 09 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Apr 25 Javascript
js实现简易计算器小功能
Nov 18 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小马小结(方便查找后门的朋友)
2012/05/05 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
safari下载文件自动加了html后缀问题
2018/11/09 PHP
不安全的常用的js写法
2009/09/15 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
jQuery Ztree行政地区树状展示(点击加载)
2016/11/09 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
2017/05/15 jQuery
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
在vue中读取本地Json文件的方法
2018/09/06 Javascript
Vue实现table上下移动功能示例
2019/02/21 Javascript
利用python实现数据分析
2017/01/11 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
Python3爬虫之自动查询天气并实现语音播报
2019/02/21 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
django创建超级用户过程解析
2019/09/18 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
机电专业大学生求职信
2013/10/04 职场文书
药学专业大专生的自我评价
2013/12/12 职场文书
教师的实习鉴定
2013/12/15 职场文书
综合实践活动方案
2014/02/14 职场文书
寒山寺导游词
2015/02/03 职场文书
联谊会开场白
2015/06/01 职场文书
2016情人节宣传语
2015/07/14 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang