javascript数组的定义及操作实例


Posted in Javascript onNovember 10, 2019

数组是一组数据的集合,js中,数组里面的数据是可以
不同类型的

定义数组:

1.通过类实例化来创建数组

var alist01=new Array(1,2,3);

2.通过直接量的方式来创建数组

var alist02=[1,2,3];

数组操作

1.通过length来获取数组成员的个数

alert(alist02.length);

2.通过下标获取数组成员

alert(alist02[0]);

3.通过push,pop方法在数组后面增加,删除成员

alist02.push('z');
alert(alist02);
alist02.pop();
alert(alist02);

4.通过push,pop方法在数组前面增加,删除成员

alist02.unshift('z');
alert(alist02);
alist02.shift();
alert(alist02);

5.反转数组

alist02.reverse();
alert(alist02);

6.返回值在数组中第一次出现的位置

var alist03=
['a','b','c','d','a','b'];
alert(alist03.indexOf('b'));

7.在数组中增加或删除成员

alist03.splice(1,0,'z','x','y');
//从下标为1,即第二个元素开始,
删除0个元素,增加z,x,y三个元素
alert(alist03);

8.用.join将数组转变成字符串

var sTr=alist03.join("-");
alert(sTr);

或者 alert(alist03.join());

内容扩展

什么是数组

数组就是一组数据的集合
其表现形式就是内存中的一段连续的内存地址
数组名称其实就是连续内存地址的首地址

关于js中的数组特点

数组定义时无需指定数据类型
数组定义时可以无需指定数组长度
数组可以存储任何数据类型的数据(比如说一个元素保存整型,一个元素保存字符串型,这个在JS中是可以的)

创建数组的语法:

var arr=[值1,值2,值3]; //隐式创建

var arr=new Array(值1,值2,值3); //直接实例化

var array=new Array(size); //创建数组并指定长度

以上就是本次介绍的全部知识点内容,感谢大家的学习和对三水点靠木的支持。

Javascript 相关文章推荐
jQuery 研究心得 取得属性的值
Nov 30 Javascript
Javascript下判断是否为闰年的Datetime包
Oct 26 Javascript
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
Jquery 表格合并的问题分享
Sep 17 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 Javascript
JavaScript第一篇之实现按钮全选、功能
Aug 21 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Oct 12 Javascript
聊聊Vue中provide/inject的应用详解
Nov 10 #Javascript
浅析vue中的provide / inject 有什么用处
Nov 10 #Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 10 #Javascript
webpack4 optimization使用总结
Nov 10 #Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 #Javascript
node后端服务保活的实现
Nov 10 #Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
Nov 10 #Javascript
You might like
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
JS获取select的value和text值的简单实例
2014/02/26 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
2016/03/09 Javascript
Bootstrap源码解读导航条(7)
2016/12/23 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
2016/12/28 Javascript
laravel5.4+vue+element简单搭建的示例代码
2017/08/29 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
图文讲解vue的v-if使用方法
2019/02/11 Javascript
jQuery 选择器用法实例分析【prev + next】
2020/05/22 jQuery
如何使用Javascript中的this关键字
2020/05/28 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
Python3里的super()和__class__使用介绍
2015/04/23 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
python决策树之C4.5算法详解
2017/12/20 Python
在pandas中一次性删除dataframe的多个列方法
2018/04/10 Python
python定向爬虫校园论坛帖子信息
2018/07/23 Python
Python3.0 实现决策树算法的流程
2019/08/08 Python
Python简易版停车管理系统
2019/08/12 Python
python3实现绘制二维点图
2019/12/04 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
高一数学教学反思
2014/02/07 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
给上级领导的感谢信
2015/01/22 职场文书
安全生产会议制度
2015/08/06 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
2019企业给员工的慰问信
2019/06/24 职场文书