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 写类方式之四
Jul 05 Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
Mar 28 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
BootStrap 页签切换失效的解决方法
Aug 17 Javascript
jquery的 filter()方法使用教程
Mar 22 jQuery
使用Angular自定义字段校验指令的方法示例
Feb 01 Javascript
vue-model实现简易计算器
Aug 17 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 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
PHP 简单数组排序实现代码
2009/08/05 PHP
PHP下打开URL地址的几种方法小结
2010/05/16 PHP
基于php iconv函数的使用详解
2013/06/09 PHP
ThinkPHP中I(),U(),$this->post()等函数用法
2014/11/22 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
Laravel5.1 框架Middleware中间件基本用法实例分析
2020/01/04 PHP
Cookie跨域问题解决方案代码示例
2020/11/24 PHP
取选中的radio的值
2010/01/11 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
React Native使用Modal自定义分享界面的示例代码
2017/10/31 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
python正则表达式中的括号匹配问题
2014/12/14 Python
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
探究python中open函数的使用
2016/03/01 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
Shell如何接收变量输入
2016/08/06 面试题
尊老爱幼演讲稿
2014/09/04 职场文书
导游带团欢迎词
2015/09/30 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书