整理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 相关文章推荐
actionscript与javascript的区别
May 25 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
jQuery中before()方法用法实例
Dec 25 Javascript
jQuery的end()方法使用详解
Jul 15 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
JS实现兼容性较好的随屏滚动效果
Nov 09 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
bootstrap 设置checkbox部分选中效果
Apr 20 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
详解如何在微信小程序中愉快地使用sass
Jul 30 Javascript
vue 的点击事件获取当前点击的元素方法
Sep 15 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 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
德劲1107的电路分析与打磨
2021/03/02 无线电
PHP计算近1年的所有月份
2017/03/13 PHP
php常用的工具开发整理
2019/09/26 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
一个原生的用户等级的进度条
2010/07/03 Javascript
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
js对象基础实例分析
2015/01/13 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
nodejs提示:cross-device link not permitted, rename错误的解决方法
2019/06/10 NodeJs
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
python中关于for循环的碎碎念
2017/06/30 Python
django定期执行任务(实例讲解)
2017/11/03 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
详解django.contirb.auth-认证
2018/07/16 Python
Python3几个常见问题的处理方法
2019/02/26 Python
windows 10 设定计划任务自动执行 python 脚本的方法
2019/09/11 Python
CSS3动画:5种预载动画效果实例
2017/04/05 HTML / CSS
浅谈利用缓存来优化HTML5 Canvas程序的性能
2015/05/12 HTML / CSS
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
英国综合网上购物商城:The Hut
2018/07/03 全球购物
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
求职简历中自我评价
2014/01/28 职场文书
聊城大学毕业生自荐书
2014/02/01 职场文书
《赵州桥》教学反思
2014/02/17 职场文书
2015年新教师工作总结
2015/04/28 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
优秀大学生申请书
2019/06/24 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS