javascript 学习三~函数和数组基础

数组

一、数组的基本概念

数组就是一组数据有序排列的一个集合。例如：var arr = [10,20,30,40,50]

数组元素：数组中的每一个值，就叫一个数组元素。比如：20就是一个数组元素

数组索引：数组中的第一个元素，都有一个编号(索引、下标)，索引号是从0开始的正整数，依次为0、1、2……

数组元素的访问：数组名称连上[]，[]中是元素的索引号，例如：arr[4]=50，arr[0]=10

数组的长度：指数组中元素的个数

问题：数组的长度，与数组中最大索引号有什么关系？也就是：数组个数-1=数组的最大索引号

二、创建一个数组

（1）使用new运算符结合Array()构造函数来创建

方式一：创建一个未知长度的数组

var arr = new Array();

//增加数组元素，数组的值可以是任何的数据类型

//字符串、数值、布尔、undefined、null、array、object、function

arr[0] = 10;

arr[1] = 20;

arr[2] = true;

arr[3] = "abc";

arr[4] = undefined;  //相当于  arr[4];

//打印输出所有的值，通过document.write输出数组时，将自动转换成一个字符串输出

document.write(arr);

       方式二：创建指定长度的数组，()中只有一个整数

              var arr = new Array(3); //创建一个包含3个元素的数组

              arr[0] = 10;

              arr[1] = 20;

              arr[2] = 30;

       方式三：将多个数组元素添加小括号()中，各个元素间用逗号隔开

              var arr = new Array(10,20,30,40,50);

              arr[0] = arr[0] + 90;  //将第0个元素加上90

              document.write(arr[0]); //结果为100

（2）使用中括号[]来创建一个数组

       vararr = [10,20,30,40];

       vararr = [“周列生”,true,30,“大专”,“毕业院校”];

 

三、数组的基本操作

（1）增加数组元素

              var arr = [10,20,30];

              arr[10]= 100;

              arr[99]= 990;

（2）修改数组元素的值：

              arr[10]= 100;

（3）删除一个数组元素

              删除数组元素，使用delete运算符；

              例如：delete arr[0];  //删除下标为0的数组元素

              注意：用delete删除数组元素时，只是将内容清除，但所占空间还存在。

多维数组

（1）使用new运算符和Array()函数来创建多维数组

Var arr = new Array();

arr[0] = 10;

arr[1] = [10,20,40]

arr[2] = new Array();  //JS从严格意义上来说只支持一维数组，但它可实现数组元素是数组。不具备完整二维数组的特性，因此必须先创建一个空的数组，然后再添加元素

arr[2][0] = “abc”;  //如果没有上边一行，在PHP中是支持的

arr[2][1] = “edf”;

 

（2）使用[ ]方式来创建多维数组

var arr = [

       [1,2,3,4,5],

       [10,20,30,40,50],

       [100,200,300]

];

数组的元素，还可以是一个数组，这样的数组，称为“多维数组”，“多层级数据”，“二维数组”。

二维数组中的第一层数组，相当于表格中的行；第二层数组，相当于表格中的列。

访问多维数组中的元素：一维数组用一个[]表示，索引号代表行，两维数组用连续的两个[ ]表示，索引号代表列

       arr[2][0]= 100;  //访问二维数组中的元素

       arr[2][0]= 1000;  //修改元素的值

       arr[2][3]= 400;   //增加一个元素

       typeof(arr[0]);    //返回一个”object”

       typeof(arr[0][2])  //返回一个“number”

       typeof(arr[0][20])  //undefined

       deletearr[2][0];   //删除二维数组中的元素

 

 

//实例：在表格中输出以下二维数组中的数据

var student = [

                     ["周更生","男",30,true,"大专",5000,500,,"山东省"],

                     ["刘晓庆","女",26,false,"研究生",8000,1500,"北京科技大学","山西省"],

                     ["习近平","男",38,true,"大专",1000,250,"清华大学","陕西省"],

                     ["李克强","女",34,true,"高中",11000,30,"河北大学","江苏省"],

                ];

 

//循环表格行或列

var str ="<table border=1 align=center padding=5>";

for(vari=0;i<student.length;i++)

{

       str += "<tr>";

       for(var j=0;j<student[0].length;j++)

       {

              str +="<td>"+student[i][j]+"</td>";

       }

       str += "</tr>";

}

str +="</table>";

document.write(str);

 

 

数组对象(下次课细讲)

一个数组可以看成一个数组对象，数组元素有许多常用的属性和方法，length属性，用于获取一个数组对象的长度的。

Var arr = [10,20,30,,,,,,40,90,89,87,,,,90];  //两个逗号间如果没有值，则认为是undefined

Var len = arr.length;  //将数组的长度赋给一个变量

 

 

 

for…in循环语句

功能：主要循环(遍历)对象的所有属性或数组中的所有元素。它对数组中undefined元素不作输出。

语法：

for(变量名 in对象名称)

{

       循环体代码；

}

举例1：遍历window对象的所有属性

for(name in window)

{

       document.write(name+”<br>”);

}

实例2：遍历数组中的所有有用的元素

       Var arr =[45,44,,,,,,32,,,,,,,,,,,,,,,21,333,,,,,,,,,,,432];

       //使用for in遍历数组中有效个数

for(vari in arr)

{

       document.write(arr[i]+" ");

}

 

 

break(中断)语句和continue(继续)语句

break可以无条件结束：for、for…in、while、do while、switch语句。

一般情况下，需要在break之前加条件判断，来决定退出循环的条件。

break只能退出当前循环，不会多层循环。但在PHP中，break可以退出多层循环。

举例：循环1－100间所有的数，但大于50的就不再输出了。

for(vari=1;i<100;i++)

{

       if(i>50)

{

              break;  //退出循环，直接跳转到for的结束大括号之后

}

document.write(i+”<br>”);

}

continue语句，结束本次循环，去开始下一次循环。

一般情况下，要在continue之前加一个条件判断，用于执行代码的时机。

 

函数

一、函数的基本概念

函数是一段命名的代码块。比如：电子邮箱的验证、动态时钟、幻灯片等

以下举几个系统函数的例子：

Math.floor()

parseInt()

parseFloat()

Math.abs();求绝对值

today.getDay();

 

函数的分类：一是系统函数，二是自定义函数。

 

函数的语法结构：

function functionName([参数1][,参数2][,参数3])

{

       函数的代码；

       [return值]

}

结构说明：

       function是函数定义关键字，必须，全小写；

       functionName是函数名称，函数命名跟变量的命名一样；

       函数名后跟( )，( )中放的是函数的参数，参数可有可无，完全功能决定；

              形式参数：定义函数时的参数叫“形参”。形式参数的作用：是从函数调用者哪里获得数据。

       return语句，是可选，用于向函数调用者返回一个值，返回值后，立即结束函数运行；

函数的使用分两个部分：一是定义一个功能函数，二是调用函数，先定义，后调用。

调用函数的方法：直接书写函数的名称，后跟小括号()，小括号中是“实际参数”，“实参”将传递给定义函数的“形参”。

例如：求任意两个数值的最大值

//定义函数

function getMax(a,b)

{

       varmax = a>b ? a : b;

       document.write(“最大值是：”+max);

}

//调用函数，函数一次定义可以多次调用

getMax(10,20);

getMax(5,8);

getMax(0.9,90);

 

 

 

 

 

匿名函数、基本数据类型和复合数据类型、变量作用域