整理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 相关文章推荐
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
JS中数组Array的用法示例介绍
Feb 20 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
Oct 14 Javascript
JQuery和HTML5 Canvas实现弹幕效果
Jan 04 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
解决layer.open后laydate失效的问题
Sep 06 Javascript
Node对CommonJS的模块规范
Nov 06 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
JavaScript实现HTML导航栏下拉菜单
Nov 25 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
分享3个php获取日历的函数
2015/09/25 PHP
ext读取两种结构的xml的代码
2008/11/05 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
js获取url传值的方法
2015/12/18 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
微信小程序三级联动选择器使用方法
2020/05/19 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
js实现多张图片每隔一秒切换一张图片
2019/07/29 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
pandas删除行删除列增加行增加列的实现
2019/07/06 Python
Django CBV与FBV原理及实例详解
2019/08/12 Python
关于numpy.where()函数 返回值的解释
2019/12/06 Python
Python实现一个简单的递归下降分析器
2020/08/01 Python
写一个方法1000的阶乘
2012/11/21 面试题
在什么时候需要使用"常引用"
2015/12/31 面试题
中医药大学毕业生自荐信
2013/11/08 职场文书
大学生毕业鉴定
2014/01/31 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
教师“一帮一”结对子活动总结
2015/05/07 职场文书
获奖感言范文
2015/07/31 职场文书
详解python字符串驻留技术
2021/05/21 Python