软件世界网 购物 网址 三丰软件 | 小说 美女秀 图库大全 游戏 笑话 | 下载 开发知识库 新闻 开发 图片素材
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
移动开发 架构设计 编程语言 Web前端 互联网
开发杂谈 系统运维 研发管理 数据库 云计算 Android开发资料
  软件世界网 -> Web前端 -> JavaScript学习笔记三 -> 正文阅读

[Web前端]JavaScript学习笔记三



本文根据慕课网课程《JavaScript进阶篇》整理

第三章:一起组团(数组)

3-1 一起组团(什么是数组)


??我们知道变量用来存储数据,一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩,就需要10个或20个变量来存储,如果需要存储更多数据,那就会变的更麻烦。我们用数组解决问题,一个数组变量可以存放多个数据。好比一个团,团里有很多人,如下我们使用数组存储5个学生成绩。
??[img]http://img.mukewang.com/52c9ff5c0001085a05460266.jpg
??数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更多数值。

3-2 组团,并给团取个名(如何创建数组)


??使用数组之前首先要创建,而且需要把数组本身赋至一个变量。好比我们出游,要组团,并给团定个名字“云南之旅”。
??创建数组语法:
var myarray=new Array();

??[img]http://img.mukewang.com/52ca004b0001c81103980228.jpg
??我们创建数组的同时,还可以为数组指定长度,长度可任意指定。
var myarray= new Array(8); //创建数组,存储8个数据。 

注意
  • 创建的新数组是空数组,没有值,如输出,则显示undefined

  • 虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。

    3-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 = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)

??注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)

3-4 团里添加新成员(向数组增加一个新元素)


??上一节中,我们使用myarray变量存储了5个人的成绩,现在多出一个人的成绩,如何存储呢?
??[img]http://img.mukewang.com/52ca00eb0001dd4805120199.jpg
??只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。
myarray[5]=88; //使用一个新索引,为数组增加一个新元素

3-5 呼叫团里成员(使用数组元素)


??我们知道数组中的每个值有一个索引号,从0开始,如下图, myarray变量存储6个人的成绩:
??[img]http://img.mukewang.com/52ca012800016f3505460234.jpg
??要得到一个数组元素的值,只需引用数组变量并提供一个索引,如:
??第一个人的成绩表示方法:myarray[0]
??第三个人的成绩表示方法: myarray[2]

3-6 了解成员数量(数组属性length)


??如果我们想知道数组的大小,只需引用数组的一个属性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

3-7 二维数组


??一维数组,我们看成一组盒子,每个盒子只能放一个内容。
??一维数组的表示: myarray[ ]
??二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。
??二维数组的表示: myarray[ ][ ]
??注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-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
          }
       }

??注意: 关于for 循环语句,请看第四章4-5 。
??将上面二维数组,用表格的方式表示
??[img]http://img.mukewang.com/537957a20001c24c03200210.jpg
  • 二维数组的定义方法二
  var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]
  • 赋值
  myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

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

......显示全文...
    点击查看全文


上一篇文章      下一篇文章      查看所有文章
2016-03-29 22:59:18  
Web前端 最新文章
10分钟
SSM框架SSM项目源码SSM源码下载java框架整合
javascript入门
JavaScript常用对象Array(2)
8.Smarty3:模版中的内置函数
表单脚本
iTextSharp5.0页眉页脚及Asp.net预览的实现
MVC基础学习—理论篇
JavaScript
http协议中get与post区别详解
360图书馆 软件开发资料 文字转语音 购物精选 软件下载 美食菜谱 新闻资讯 电影视频 小游戏 Chinese Culture 股票 租车
生肖星座 三丰软件 视频 开发 短信 中国文化 网文精选 搜图网 美图 阅读网 多播 租车 短信 看图 日历 万年历 2018年7日历
2018-7-23 0:45:12
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  软件世界网 --