整理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 相关文章推荐
jQuery使用ajaxSubmit()提交表单示例
Apr 04 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
Mar 02 Javascript
vue2.0实战之基础入门(1)
Mar 27 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
JS实现的排列组合算法示例
Jul 16 Javascript
vue中英文切换实例代码
Jan 21 Javascript
JS Thunk 函数的含义和用法实例总结
Apr 08 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
同时提取多条新闻中的文本一例
2006/10/09 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
用js实现输入提示(自动完成)的实例代码
2013/06/14 Javascript
JS 两个字符串时间的天数差计算
2013/08/25 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
js实现获取当前时间是本月第几周的方法
2015/08/11 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
2017/12/06 Javascript
vue自定义tap指令及tap事件的实现
2018/09/18 Javascript
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
JavaScript的console命令使用实例
2019/12/03 Javascript
JS中准确判断变量类型的方法
2020/06/01 Javascript
JavaScript前后端JSON使用方法教程
2020/11/23 Javascript
[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
python语言中with as的用法使用详解
2018/02/23 Python
基于TensorFlow常量、序列以及随机值生成实例
2020/01/04 Python
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
HTML5 Blob 实现文件下载功能的示例代码
2019/11/29 HTML / CSS
纺织工程专业个人求职信范文
2014/01/27 职场文书
初中校园广播稿
2014/02/02 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
万能检讨书
2015/01/27 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书