整理Javascript数组学习笔记


Posted in Javascript onNovember 29, 2015

1、什么是数组
数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值。

<script type="text/javascript">
  var myarr=new Array(); //定义数组
  myarr[0]=80; 
  myarr[1]=60;
  myarr[2]=99;
  document.write("第一个人的成绩是:"+myarr[0]);
  document.write("第二个人的成绩是:"+myarr[1]);
  document.write("第三个人的成绩是:"+myarr[2]);
 </script>

2、组团,并给团取个名(如何创建数组)
使用数组之前首先要创建,而且需要把数组本身赋至一个变量。
创建数组语法:

var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组

我们创建数组的同时,还可以为数组指定长度,长度可任意指定。

var myarray= new Array(8); //创建数组,存储8个数据。

注意:
1).创建的新数组是空数组,没有值,如输出,则显示undefined。
2).虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

 3、数组赋值
第一步:组个大巴车
第二步:按票对号入座
大巴车的1号座位是张三
大巴车的2号座位是李四
数组表达方式:
第一步:创建数组var myarr=new Array();
第二步:给数组赋值
myarr[1]=" 张三";
myarr[2]=" 李四";
创建一个数组,用于存储5个人的数学成绩:

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩

注意:数组每个值有一个索引号,从0开始。
第一种方法:

var myarray = new Array(66,80,90,77,59);//创建数组同时可以赋值

第二种方法:
var myarray = new Array[66,80,90,77,59];//直接输入一个数组(称“字面量数组”)

4、向数组增加一个新元素
只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。
myarray[5]=88; //使用一个新索引,为数组增加一个新元素 

5、使用数组元素
要得到一个数组元素的值,只需引用数组变量并提供一个索引,如:
第一个人的成绩表示方法:myarray[0]
第三个人的成绩表示方法: myarray[2]

<script language="javascript">
 var myarr=new Array();
  myarr[0]="小红";
  myarr[1]="小明";
  myarr[2]="小亮";
  myarr[3]="小川";
  document.write("第二人的姓名是:"+ myarr[1] );
</script>

6、了解成员数量(数组属性length)
Length属性表示数组的长度,即数组中元素的个数。

myarray.length; //获得数组myarray的长度

注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。
var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
 document.write(arr.length); //显示数组长度8
 document.write(arr[7]); //显示第8个元素的值54

同时,JavaScript数组的length属性是可变的,这一点需要特别注意。

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10

数组随元素的增加,长度也会改变,如下:

var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16

7、二维数组
一维数组,我们看成一组盒子,每个盒子只能放一个内容。
一维数组的表示: myarray[ ]
二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。
二维数组的表示: myarray[ ][ ]
注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。
1). 二维数组的定义方法一

var myarr=new Array(); //先声明一维 
for(var i=0;i<2;i++){ //一维长度为2
  myarr[i]=new Array(); //再声明二维 
  for(var j=0;j<3;j++){ //二维长度为3
   myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
  }
 }

2). 二维数组的定义方法二

 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3). 赋值
myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

说明: myarr[0][1] ,0 表示表的行,1表示表的列。

以上就是关于Javascript数组的全部内容,是对Javascript数组的进一步学习,希望大家喜欢。

Javascript 相关文章推荐
javascript权威指南 学习笔记之javascript数据类型
Sep 24 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
May 19 Javascript
JavaScript定时器详解及实例
Aug 01 Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 Javascript
jquery选择器简述
Aug 31 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
JS操作JSON方法总结(推荐)
Jun 14 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
解决vue admin element noCache设置无效的问题
Nov 12 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 Javascript
解决Vue router-link绑定事件不生效的问题
Jul 22 Javascript
Bootstrap每天必学之缩略图与警示窗
Nov 29 #Javascript
分享我的jquery实现下拉菜单心的
Nov 29 #Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 #Javascript
整理Javascript基础语法学习笔记
Nov 29 #Javascript
Jquery操作Ajax方法小结
Nov 29 #Javascript
jquery+php实现滚动的数字特效
Nov 29 #Javascript
MVC Ajax Helper或Jquery异步加载部分视图
Nov 29 #Javascript
You might like
配置支持SSI
2006/11/25 PHP
php 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
php汉字转拼音的示例
2014/02/27 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
JS中彻底删除JSON对象组成的数组中的元素
2020/09/22 PHP
简介JavaScript中search()方法的使用
2015/06/06 Javascript
jQuery.deferred对象使用详解
2016/03/18 Javascript
BootStrap便签页的简单应用
2017/01/06 Javascript
vue的全局提示框组件实例代码
2018/02/26 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python 文件转成16进制数组的实例
2018/07/09 Python
python和mysql交互操作实例详解【基于pymysql库】
2019/06/04 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
前端实现打印图像功能
2019/08/27 HTML / CSS
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
如何用PHP实现邮件发送
2012/12/26 面试题
介绍一下Linux文件的记录形式
2013/09/29 面试题
Linux的文件类型
2012/03/07 面试题
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
高中毕业自我鉴定
2013/12/22 职场文书
少年闰土教学反思
2014/02/22 职场文书
生日主持词
2014/03/20 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
婚礼答谢词
2015/01/04 职场文书
实施意见格式范本
2015/06/05 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
PL350与SW11的比较
2021/04/22 无线电
vue递归实现树形组件
2022/07/15 Vue.js