《JavaScript程序设计实例教程 教学课件 ppt 作者 刘万辉 教学PPT课件 第6章 常用内置对象》由会员分享，可在线阅读，更多相关《JavaScript程序设计实例教程 教学课件 ppt 作者 刘万辉 教学PPT课件 第6章 常用内置对象（40页珍藏版）》请在金锄头文库上搜索。
1、,JavaScript课程开发组制作,第6章 常用内置对象,本章要点,第6章 常用内置对象,数组(Array)对象 字串(String)对象 数学(Math)对象 日期(Date)对象 实例：使用二维数组实现下拉框的级联,6.1.1 新建数组,6.1 数组(Array)对象,数组是用来存储和操作一批具有相同类型数据的数据类型。,用关键字new新建一个数组对象。,第一种：新建一个长度为零的数组。语法规则如下： var 变量名=new Array( ); 例如： var myArray=new Array( )；,6.1.1 新建数组,第二种：新建一个指定长度为n的数组。 var 变量名=new
2、Array(n); 例如： var myArray =new Array(6)； 第三种：新建一个指定长度的数组。 var 变量名=new Array(元素1,元素2,元素3,); 例如： var myColor =new Array(“红色“,“绿色“, “蓝色“)；,6.1.2 引用数组元素,6.1 数组(Array)对象,JavaScript中数组元素的序列通过下标来识别，下标序列从0开始计算，例如长度为6的数字，其元素序列将从05。通过数组的下标可以引用数组元素，为数组元素赋值，其语法规则是： 数组变量i=值; 取值的语法规则是： 变量名=数组变量i; 例如： myColor0= “红
3、色“; myColor1= “绿色“; var carcolor =myColor0;,6.1.2 引用数组元素,6.1 数组(Array)对象,在创建数组时，可以直接为数组元素赋值： var myColor； myColor =new Array（“红色“,“绿色“,“蓝色“,“黄色“); 也可以分别为数组元素赋值，例如： var myColor=new Array(4); myColor0= “红色“; myColor1= “绿色“; myColor2=“蓝色“; myColor3= “黄色“;,6.1.3 动态数组,6.1 数组(Array)对象,JavaScript数组的长度是固定不变
4、的，例如要增加数组的长度，只要直接赋值一个新元素就可以了。 数组变量数组变量.长度=值； 例如，有一个长度为3的数组myColor，那么，下述语句将使该数组的长度为4。 myColor4= “黄色“; 或： myColormyColor.length= “黄色“;,6.1.4 数组对象的常用属性与方法,6.1 数组(Array)对象,Array只有一个属性，就是length，length表示的是数组所占内存空间的数目，而不仅仅是数组中元素的个数，改变数组的长度可以扩展或者截取所占内存空间的数目。 假设定义以下数组： var a1= new Array( “a“, “b“, “c“ ); var
5、 a2= new Array( “y “, “ x “, “z“ );,var a1= new Array( “a“, “b“, “c“ ); var a2= new Array( “y “, “ x “, “z“ );,项目演示,【示例6-1 】,6.1.5 二维数组,6.1 数组(Array)对象,二维数组的定义是在一维数组基础上定义的，即当一维数组的元素又都是一维数组是，就形成了二维数组。 例如： var submenus =new Array(); submenus0= ; submenus1= “建设目标“,“建设建设“,“培养队伍“; submenus2= “负责人“,“队伍结构“
6、,“任课教师“,“教学管理“,“合作办学“;,6.1.5 二维数组,二维数组的定义是在一维数组基础上定义的，即当一维数组的元素又都是一维数组是，就形成了二维数组。例如： var submenus =new Array(); submenus0= ; submenus1= “建设目标“,“建设建设“,“培养队伍“; submenus2= “负责人“,“队伍结构“,“任课教师“,“教学管理“,“合作办学“;,var submenus =new Array( new Array(), new Array(“建设目标“,“建设建设“,“培养队伍“), new Array(“负责人“,“队伍结构“,“任
7、课教师“,“教学管理“,“合作办学“) );,以上代码也可以这样写：,6.1.5 二维数组,var submenus = ,“建设目标“,“建设建设“,“培养队伍“, “负责人“,“队伍结构“,“任课教师“,“教学管理“,“合作办学“;,以上代码还可以这样写：,通过数组名和下标访问数组元素。二维数组的元素必须使用数组名和两个下标来访问，第一个为行下标，第二个为列下标。格式为： 二维数组名行下标列下标 数组元素的下标不能出界，否则会显示“undefined”（空值）。,项目演示,【示例6-2 】,var submenus =new Array(); submenus0= ; submenus1
8、= “建设目标“, “建设思路“, “培养队伍“; submenus2 = “负责人“, “队伍结构“, “任课教师“; for (var i = 0; i “); document.write(submenusi0 + “); document.write(submenusi1 + “); document.write(submenusi2 + “); ,6.2.2 字串相加,6.2 字串(String)对象,字串中最常用的操作是字串相加，前面介绍运算符号时已经提到过，只要直接使用加号“+”就可以了，例如： var mystring=“this sample“+“ too easy! “;
9、也可以使用“+=”进行连续相加，即： mystring+=“; 等效于： mystring= mystring+“;,6.2.2 字串相加,6.2 字串(String)对象,字串中最常用的操作是字串相加，前面介绍运算符号时已经提到过，只要直接使用加号“+”就可以了，例如： var mystring=“this sample“+“ too easy! “; 也可以使用“+=”进行连续相加，即： mystring+=“; 等效于： mystring= mystring+“; 字串与变量或者数字相加时，要考虑字串与整数、浮点数之间的转换。 使用函数parseInt(s,b)或parseFloat(s
10、) 可以实现，其中s表示所要转换的字串，b表示要转换成几进制的整数。,6.2.2 字串相加,6.2 字串(String)对象,例如： var x=600; var y=“100“ ; var z; z=x+y; 变量x是整型，y是字符串类型，上述语句相当于； z=“600“+“100“ 所以出现了“600100”的结果，而不是700。 所以代码应修改为： z=x+parseFloat(y);,6.2.3 在字串中使用单引号、双引号及其他特殊字符,6.2 字串(String)对象,如果字串中需要加入引号，可以使用与字串的引号不同的引号，例如： var mystring=this sample t
11、oo “easy “! ; 也可以使用反斜杠” ”，例如： var mystring= “this sample too “easy! “; 如果要在字串中加入回车符，可以使用“n”。,项目演示,【示例6-3 】,6.2.4比较字串是否相等,6.2 字串(String)对象,比较两个字串是否相等，只要直接使用逻辑比较符“=”就可以了。例如下述的函数用于判断字串变量是否为空字串或null，如果是，则返回true，否则，返回false。 function isEmpty（ inputString） if (inputString=null | inputString= “) return true
12、; else return false; ,6.2.5 串对象的属性与方法,6.2 字串(String)对象,字符串对象调用属性的规则如下： 字串对象名.字串属性名 字符串对象调用方法的规则如下： 字串对象名.字串方法名(参数1,参数2,),假设字串var myString=“this sample too easy！”为例，其中字串对象的“位置”是从0开始，例如，字串“this sample too easy！”中第0位置的字符是“t”，第1的位置是“h”， 依次类推。,var myString=“this sample too easy！”,var myString=“this sampl
13、e too easy！”,6.2.6 串对象应用实例,6.2 字串(String)对象,验证文本框中输入的是否为电子邮箱格式,项目演示,【示例6-4 】,6.3.1 使用数学对象,6.3 数学(Math)对象,JavaScript的数学对象提供了大量的数学常数和数学函数，接调用Math对象 即可使用。例如，下述示例使用数学常数圆周率计算圆面积。 var r=5； var area= Math.PI*Math.pow(r,2) /*r*r,也可以使用with语句，简化程序。例如上述程序可以简化为： with（Math） var r=5； var area=PI* pow(r,2)； ,6.3.2
14、 数学对象的属性与方法,6.3 数学(Math)对象,数学对象调用属性的规则如下： Math.属性名 数学对象调用方法的规则如下： Math.方法名(参数1,参数2,),6.3.2 数学对象的属性与方法,6.3.2 数学对象的属性与方法,6.3.2 数学对象的属性与方法,6.3 数学(Math)对象,1常数NaN和函数isNaN(x),在使用JavaScript数学对象的过程中，当得到的结果无意义时，JavaScript将返回一个特殊的值NaN，表示“不是一个数（Not a Number）”。例如，在使用parseInt(x)转化成整数时，如果x是个字符，例如parseInt(“M“)，执行以
15、下代码document.write(parseInt(“M“)，将返回NaN。,1常数NaN和函数isNaN(x),使用JavaScript的isNaN(x)函数，可以测试其参数是否是NaN值。例如： var x=parseInt(“M“); if (isNaN(x) document.write(“parseInt函数的参数错误“); else document.write(“parseInt函数的结果是“+x); 在浏览器中执行上述代码，结果显示为“parseInt函数的参数错误”，如果将parseInt(“M“)修改为parseInt(“100.3“)，则显示结果为“parseInt函数
16、的结果是100”,2常数Infinity和函数isFinite(x),JavaScript还有一个特殊的常数教做“Infinity”，表示“无限”。例如，下述示例中，由于等式右侧的表达式都是被0除，因此，x1的值是Infinity，x2的值是-Inifinity。 x1=5/0; x2=-5/0; JavaScript用于测试是不是有限数的函数叫做isFinite(x)。例如，在上述两个语句后面加入下述两个语句，他们都将返回false。 flag1=infinite(x1); flag2=infinite(x2);,6.3.3 数字的格式化与产生随机数,6.3 数学(Math)对象,1数字的格式化,格式化数字指的是将整数或浮点数按指
