JavaScript前端开发实用技术教程第4章课件.ppt

1、第第4章章 JavaScript面向对象程序设计面向对象程序设计面向对象编程是面向对象编程是JavaScriptJavaScript采用的基本编采用的基本编程思想，它可以将属性和程思想，它可以将属性和代码集成在一起，定义为代码集成在一起，定义为类，从而使程序设计更加类，从而使程序设计更加简单、规范、有条理。本简单、规范、有条理。本章将介绍如何在章将介绍如何在JavaScriptJavaScript中使用类和对中使用类和对象。象。本章知识点本章知识点p4.1 4.1 面向对象程序设计思想简介面向对象程序设计思想简介p4.2 JavaScript4.2 JavaScript内置对象内置对象p4.3

2、 DOM4.3 DOM编程编程p4.4 BOM4.4 BOM编程编程4.1 面向对象程序设计思想简介面向对象程序设计思想简介面向对象程序设计的一些基本概念面向对象程序设计的一些基本概念p （1 1）对象（）对象（ObjectObject）：面向对象程序设计思想可以将一组数据和与这组）：面向对象程序设计思想可以将一组数据和与这组数据有关操作组装在一起，形成一个实体，这个实体就是对象。数据有关操作组装在一起，形成一个实体，这个实体就是对象。p （2 2）类（）类（classclass）：具有相同或相似性质的对象的抽象就是类。因此，）：具有相同或相似性质的对象的抽象就是类。因此，对象的抽象是类，类的

3、具体化就是对象。例如，如果人类是一个类，则对象的抽象是类，类的具体化就是对象。例如，如果人类是一个类，则一个具体的人就是一个对象。一个具体的人就是一个对象。p （3 3）封装：将数据和操作捆绑在一起，定义一个新类的过程就是封装。）封装：将数据和操作捆绑在一起，定义一个新类的过程就是封装。p （4 4）继承：类之间的关系，在这种关系中，一个类共享了一个或多个其）继承：类之间的关系，在这种关系中，一个类共享了一个或多个其他类定义的结构和行为。继承描述了类之间的关系。子类可以对基类的他类定义的结构和行为。继承描述了类之间的关系。子类可以对基类的行为进行扩展、覆盖、重定义。如果人类是一个类，则可以定义

4、一个子行为进行扩展、覆盖、重定义。如果人类是一个类，则可以定义一个子类类“男人男人”。“男人男人”可以继承人类的属性（例如姓名、身高、年龄等可以继承人类的属性（例如姓名、身高、年龄等）和方法（即动作。例如，吃饭和走路），在子类中就无需重复定义了）和方法（即动作。例如，吃饭和走路），在子类中就无需重复定义了。从同一个类中继承得到的子类也具有多态性，即相同的函数名在不同。从同一个类中继承得到的子类也具有多态性，即相同的函数名在不同子类中有不同的实现。就如同子女会从父母那里继承到人类共有的特性子类中有不同的实现。就如同子女会从父母那里继承到人类共有的特性，而子女也具有自己的特性。，而子女也具有自己的

5、特性。p （5 5）方法：也称为成员函数，是指对象上的操作，作为类声明的一部分）方法：也称为成员函数，是指对象上的操作，作为类声明的一部分来定义。方法定义了可以对一个对象可以执行的操作。来定义。方法定义了可以对一个对象可以执行的操作。4.2 JavaScript内置对象内置对象4.2.1 JavaScript4.2.1 JavaScript的内置对象框架的内置对象框架4.2.2 4.2.2 基类基类ObjectObject4.2.3 Date4.2.3 Date类类4.2.4 String4.2.4 String类类4.2.5 Array4.2.5 Array类类4.2.6 Math4.2.6

6、 Math对象对象4.2.1 JavaScript的内置对象框架的内置对象框架JavaScript内置类的基本功能内置类的基本功能内置类基 本 功 能Arguments用于存储传递给函数的参数Array用于定义数组对象Boolean布尔值的包装对象，用于将非布尔型的值转换成一个布尔值（True或False）Date用于定义日期对象Error错误对象，用于错误处理。它还派生出下面几个处理错误的子类： EvalError，处理发生在eval()中的错误； SyntaxError，处理语法错误； RangeError，处理数值超出范围的错误； ReferenceError，处理引用不错误； Type

7、Error，处理不是预期变量类型的错误； URIError，处理发生在encodeURI()或decodeURI()中的错误Function用于表示开发者定义的任何函数Math数学对象，用于数学计算Number原始数值的包装对象，可以自动地在原始数值和对象之间进行转换RegExp用于完成有关正则表达式的操作和功能String字符串对象，用于处理字符串4.2.2 基类基类Object属性和方法具 体 描 述Prototype属性对该对象的对象原型的引用。原型是一个对象，其他对象可以通过它实现属性继承。也就是说可以把原型理解成父类constructor()方法构造函数。构造函数是类的一个特殊函数。

8、当创建类的对象实例时系统会自动调用构造函数，通过构造函数对类进行初始化操作hasOwnProperty(proName)方法检查对象是否有局部定义的(非继承的)、具有特定名字（proName）的属性IsPrototypeOf(object)方法检查对象是否是指定对象的原型propertyIsEnumerable(proName)方法返回 Boolean 值，指出所指定的属性（proName）是否为一个对象的一部分以及该属性是否是可列举的。如果proName存在于object中且可以使用一个ForIn循环穷举出来，则返回true；否则返回falsetoLocaleString()方法返回对象本地

9、化字符串表示。例如，在应用于Date 对象时，toLocaleString()方法可以根据本地时间把 Date 对象转换为字符串，并返回结果toString()方法返回对象的字符串表示valueOf()返回对象的原始值（如果存在）4.2.3 Date类类pDateDate是是JavaScriptJavaScript的日期类，用于管理和操作的日期类，用于管理和操作日期和时间数据。可以使用下面几种方法创建日期和时间数据。可以使用下面几种方法创建DateDate对象：对象：pMyDateMyDate = new Date; / Date = new Date; / Date 对象会自动把当对象会自动

10、把当前日期和时间保存为其初始值。前日期和时间保存为其初始值。MyDateMyDate = new Date(2013-11-20) = new Date(2013-11-20)MyDateMyDate = new Date(2013, 11 ,20) = new Date(2013, 11 ,20)Date类的常用方法类的常用方法方法具体描述getDate返回 Date 对象中用本地时间表示的一个月中的日期值(1 31)getDay返回 Date 对象中用本地时间表示的一周中的日期值(0 6)。0表示星期天，1表示星期一，2表示星期二，3表示星期三，4表示星期四，5表示星期五，6表示星期六ge

11、tFullYear返回 Date 对象中用本地时间表示的4位数字年份值getHour返回 Date 对象中用本地时间表示的小时值(0 23)getMilliseconds返回 Date 对象中用本地时间表示的毫秒值(0 999)getMinutes返回 Date 对象中用本地时间表示的分钟值(0 59)getMonth返回 Date 对象中用本地时间表示的月份值(0 11)getSeconds返回 Date 对象中用本地时间表示的秒钟值(0 59)getTime返回 1970年1月1日至今的毫秒数setDate设置 Date 对象中月的某一天(1 31)setFullYear设置 Date 对

12、象中用本地时间表示的年份值setHour设置 Date 对象中用本地时间表示的小时值setMilliseconds设置 Date 对象中用本地时间表示的毫秒值setMinutes设置 Date 对象中用本地时间表示的分钟值setMonth设置 Date 对象中用本地时间表示的月份值setSeconds设置 Date 对象中用本地时间表示的秒钟值setTime以毫秒（据GMT 时间1970 年1月1日午夜之间的毫秒数）设置 Date 对象setYear设置 Date 对象中的年份值toString返回对象的字符串表示valueOf返回指定对象的原始值【例例4-1】 使用使用Date类的示例程序类

13、的示例程序【例例4-14-1】 varvar MyDateMyDate; ; MyDateMyDate = new Date(); = new Date(); document.writedocument.write( (现在是现在是: + : + MyDate.getFullYearMyDate.getFullYear() + () + 年年 + + ( (MyDate.getMonthMyDate.getMonth()+1) + ()+1) + 月月 + + MyDate.getDateMyDate.getDate() + () + 日日 ););4.2.4 String类类pString

14、String是是JavaScriptJavaScript的字符串类，用于的字符串类，用于管理和操作字符串数据。可以使用下面管理和操作字符串数据。可以使用下面2 2种方法创建种方法创建StringString对象：对象：MyStrMyStr = new String( = new String(这是一个测试字符串这是一个测试字符串); / String); / String对象会自动把参数保存为对象会自动把参数保存为MyStrMyStr对象的初始值。对象的初始值。MyStrMyStr = = 这是一个测试字符串这是一个测试字符串; / ; / 直接对直接对StringString对象赋值字符串对

15、象赋值字符串1String类的属性类的属性p StringString类只有一个属性类只有一个属性lengthlength，用来返回字符串的长，用来返回字符串的长度。度。p 【例【例4-24-2】 计算计算StringString对象的长度。对象的长度。演示使用演示使用StringString对象的对象的lengthlength属性属性 varvar MyStrMyStr; ; MyStrMyStr = new String( = new String(这是一个测试字符串这是一个测试字符串);); document.writedocument.write( (“ “ + +MyStrMyStr

16、+” ”的长度为的长度为: + : + MyStrMyStr. . length);length);2anchor ()方法方法panchor ()anchor ()方法用来创建方法用来创建 HTMLHTML锚，语法如下：锚，语法如下：stringObject.anchorstringObject.anchor( (anchornameanchorname) )p参数参数anchornameanchorname用于定义锚的名称。锚的显示文本为用于定义锚的名称。锚的显示文本为stringObjectstringObject对象的值。对象的值。p【例例4-34-3】 使用使用anchor ()an

17、chor ()方法创建方法创建 HTMLHTML锚的例子。锚的例子。演示使用演示使用anchor()anchor()的使用的使用varvar strstr=我的网页我的网页! !document.writedocument.write( (str.anchorstr.anchor( (myanchormyanchor) /a 返回顶部返回顶部3link()方法方法plink()link()方法用来创建超链接，语法如下方法用来创建超链接，语法如下：stringObject.linkstringObject.link( (urlurl) )p参数参数urlurl用于定义超链接的用于定义超链接的UR

18、LURL。超链接。超链接的显示文本为的显示文本为stringObjectstringObject对象的值。对象的值。【例例4-4】 使用使用link()方法创建超链接的例子方法创建超链接的例子演示使用演示使用link()link()的使用的使用var str=var str=新浪新浪 document.write(str.link(http:/ HTML HTML 标记放置标记放置在在 String String 对象中的文本两端对象中的文本两端, ,从而放大从而放大字体，语法如下：字体，语法如下：stringObject.bigstringObject.big() ()【例例4-5】p 使用

19、使用big ()big ()方法放大字体的例子。方法放大字体的例子。演示使用演示使用big ()big ()函数加大字体的例子函数加大字体的例子varvar strstr= JavaScript;= JavaScript;document.writedocument.write( (strstr); );document.writedocument.write( (str.bigstr.big();();浏览浏览【例例4-5】结果结果4charAt ()方法方法pcharAtcharAt () ()方法用来返回字符串中指定位置的方法用来返回字符串中指定位置的字符，语法如下：字符，语法如下：st

20、ringObjectstringObject. . charAtcharAt(index)(index)p参数参数indexindex用于指定字符串中某个位置的数字用于指定字符串中某个位置的数字，从，从0 0开始计数。开始计数。【例例4-6】演示演示charAt()charAt()函数的例子函数的例子var str=JavaScript;var str=JavaScript;document.write(str.charAt(3)document.write(str.charAt(3); );5fixed ()方法方法fixed()fixed()方法用于把字符串显示为打字机字体，语法如下：方法

21、用于把字符串显示为打字机字体，语法如下：stringObject.fixedstringObject.fixed() ()p【例【例4-74-7】 使用使用fixed()fixed()方法的例子。方法的例子。演示使用演示使用fixed()fixed()函数的例子函数的例子varvar strstr= JavaScript;= JavaScript;document.writedocument.write( (strstr); );document.writedocument.write( (str.fixedstr.fixed();();浏览浏览【例例4-7】结果结果5fontcolor ()

22、方法方法pfontcolorfontcolor()()方法用于把带有方法用于把带有 COLOR COLOR 属属性的一个性的一个 HTML HTML 标记放置在标记放置在StringString对象中的文本两端，从而设置字对象中的文本两端，从而设置字符串的颜色，语法如下：符串的颜色，语法如下：stringObjectstringObject. . fontcolorfontcolor( (颜色值颜色值) )【例例4-8】演示使用演示使用fixed()fixed()函数的例子函数的例子var str= JavaScript;var str= JavaScript;document.write(s

23、tr);document.write(str);document.write(str.fontcolor(blue);document.write(str.fontcolor(blue);6fontsize()方法方法pfontsizefontsize () ()方法用于把带有方法用于把带有 SIZE SIZE属性的一个属性的一个 HTML HTML 标记放置在标记放置在StringString对象中的文本两对象中的文本两端，从而设置字符串的大小，语法如下：端，从而设置字符串的大小，语法如下：stringObject.fontsizestringObject.fontsize(size)(si

24、ze)p参数参数sizesize用于指定字号，取值范围为用于指定字号，取值范围为1717。【例例4-9】演示使用演示使用fontsizefontsize () ()函数的例子函数的例子varvar strstr= JavaScript;= JavaScript;document.writedocument.write( (strstr); );document.writedocument.write(str. (str. fontsizefontsize(10);(10);浏览浏览【例例4-9】结果结果7indexOf()方法方法p indexOfindexOf()()方法用于返回方法用于返回

25、 String String 对象内第一次出现对象内第一次出现子字符串的字符位置，语法如下：子字符串的字符位置，语法如下：stringObject.indexOfstringObject.indexOf( (searchvalue,fromindexsearchvalue,fromindex) )p 参数说明如下。参数说明如下。p searchvaluesearchvalue：指定需检索的字符串值。：指定需检索的字符串值。p fromindexfromindex：指定在字符串中开始检索的位置。取：指定在字符串中开始检索的位置。取值范围为值范围为0 0 stringObject.lengthst

26、ringObject.length - 1 - 1。如果省略。如果省略该参数，则将从字符串的首字符开始检索。该参数，则将从字符串的首字符开始检索。【例例4-10】演示演示indexOfindexOf() ()函数的例子函数的例子varvar strstr=JavaScript;=JavaScript;document.writedocument.write( (str.indexOfstr.indexOf(c);(c);p 浏览【例浏览【例4-104-10】结果为】结果为5 5。8strike()方法方法pfixed()fixed()方法用于将方法用于将 HTML HTML 的的 标识放置标识

27、放置到到StringString对象中的文本两端，从而显示加删除线对象中的文本两端，从而显示加删除线的字符串。语法如下：的字符串。语法如下：stringObjectstringObject. strike(). strike()浏览浏览【例例4-11】结果结果9sub()方法方法p sub()sub()方法用于把字符串显示为下标。语法如下：方法用于把字符串显示为下标。语法如下：stringObject.substringObject.sub() ()p 【例例4-124-12】 使用使用sub ()sub ()方法的例子。方法的例子。演示使用演示使用Strike()Strike()函数的例子函

28、数的例子varvar strstr=JavaScript;=JavaScript;document.writedocument.write( (strstr); );document.writedocument.write( (str.substr.sub();();浏览浏览【例例4-12】结果结果10substring ()方法方法psubstring ()substring ()方法用于返回位于方法用于返回位于 String String 对对象中指定位置的子字符串，语法如下：象中指定位置的子字符串，语法如下：stringObjectstringObject. substring (. s

29、ubstring (start,stopstart,stop) )p参数说明如下。参数说明如下。pstartstart：指定要提取的子串的第一个字符在：指定要提取的子串的第一个字符在 stringObjectstringObject 中的位置。中的位置。pstopstop：指定定要提取的子串的最后一个字符在：指定定要提取的子串的最后一个字符在 stringObjectstringObject 中的位置。注意中的位置。注意stopstop比要提取比要提取的子串的最后一个字符在的子串的最后一个字符在 stringObjectstringObject 中的中的位置多位置多 1 1。【例例4-13】演

30、示演示substring()substring()函数的例子函数的例子varvar strstr=JavaScript;=JavaScript;document.writedocument.write(str. substring(5,7);(str. substring(5,7);p浏览浏览【例例4-134-13】结果为结果为crcr。11concat ()方法方法pconcatconcat () ()方法用于返回一个方法用于返回一个 String String 对对象，该对象包含了两个提供的字符串的象，该对象包含了两个提供的字符串的连接，语法如下：连接，语法如下：arrayObject.c

31、oncatarrayObject.concat( (strstr) )p参数参数strstr是需要连接到是需要连接到arrayObjectarrayObject的字的字符串。符串。concatconcat () ()方法返回连接后的字符方法返回连接后的字符串。也可以直接使用串。也可以直接使用+ +连接两个字符串，连接两个字符串，方法如下：方法如下：str1+str2str1+str2 【例例4-14】演示演示concat()concat()函数的例子函数的例子var str1=Hello var str1=Hello var str2= JavaScript!var str2= JavaScr

32、ipt!document.write(str1.concat(str2)document.write(str1.concat(str2)document.write(str1+str2)document.write(str1+str2)12replace()方法方法preplace()replace()方法用于在字符串中用一些字符替方法用于在字符串中用一些字符替换另一些字符，语法如下：换另一些字符，语法如下：stringObject.replacestringObject.replace( (regexpregexp/ /substr,replacementsubstr,replacement

33、) )p参数说明如下。参数说明如下。p substrsubstr：指定要对：指定要对stringObjectstringObject进行替换进行替换的子串。的子串。p replacement replacement：指定替换成的子串。：指定替换成的子串。【例例4-15】演示演示replace()replace()方法的例子方法的例子script type=text/varvar strstr=Hello =Hello JavascriptJavascript! !document.writedocument.write( (str.replacestr.replace( (Javascript

34、Javascript,jQuery),jQuery)p 浏览【例浏览【例4-154-15】结果如下：】结果如下：Hello jQuery!Hello jQuery! 13slice()方法方法pslice()slice()方法用于返回字符串的片段，语法如下方法用于返回字符串的片段，语法如下：pstringObject.slice(start,end)stringObject.slice(start,end)p参数说明如下。参数说明如下。pstartstart：指定要返回的片断的起始索引。如果是：指定要返回的片断的起始索引。如果是负数，则从字符串的尾部开始算起的位置。负数，则从字符串的尾部开始算

35、起的位置。-1-1指字符串的最后一个字符，指字符串的最后一个字符，-2-2指倒数第二个字指倒数第二个字符，以此类推。符，以此类推。pendend：指定要返回的片断的结尾索引。如果是负：指定要返回的片断的结尾索引。如果是负数，则从字符串的尾部开始算起的位置。数，则从字符串的尾部开始算起的位置。preplace()replace()方法返回在方法返回在stringObjectstringObject中将中将substrsubstr替换成替换成replacementreplacement得到的字符串。得到的字符串。【例例4-16】演示演示slice()slice()方法的例子方法的例子script

36、type=text/varvar strstr=Hello =Hello JavascriptJavascript!document.writedocument.write(str. slice (6, 16)(str. slice (6, 16)p 浏览【例浏览【例4-164-16】结果如下：】结果如下：JavascriptJavascript14split()方法方法psplit()split()方法用于将一个字符串分割为子字符方法用于将一个字符串分割为子字符串，然后将结果作为字符串数组返回，语法串，然后将结果作为字符串数组返回，语法如下：如下：stringObject.splitstri

37、ngObject.split( (separator,howmanyseparator,howmany) )p参数说明如下。参数说明如下。p separatorseparator：指定分割符。：指定分割符。p howmanyhowmany：指定返回的数组的最大长度。如：指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个果设置了该参数，返回的子串不会多于这个参数指定的数组。参数指定的数组。psplit ()split ()方法返回对方法返回对stringObjectstringObject进行分割进行分割得到的数组。关于数组的概念将在得到的数组。关于数组的概念将在4.2.54.2

38、.5小节小节介绍。介绍。【例例4-17】 演示演示split()split()方法的例子方法的例子script type=text/varvar strstr=Hello =Hello JavascriptJavascript! !document.writedocument.write( (str.splitstr.split( )( )p 浏览浏览【例例4-174-17】结果如下：结果如下：Hello,JavascriptHello,Javascript! !5sup()方法方法psup()sup()方法用于将方法用于将 HTML HTML 的的标签放置到标签放置到StringString

39、对象中的文本两端，从而将字符串显对象中的文本两端，从而将字符串显示为上标，语法如下：示为上标，语法如下：stringObject.supstringObject.sup() ()【例例4-18】演示使用演示使用sup()函数的例子函数的例子var str=2;document.write(str + str.sup()+=4);浏览浏览【例例4-18】结果结果16toLowerCase ()方法方法ptoLowerCasetoLowerCase()()方法用来方法用来把字符串转换为小写，语把字符串转换为小写，语法如下：法如下：stringObjectstringObject. . toLowe

40、rCasetoLowerCase () ()【例例4-19】pp演示使用演示使用toLowerCase()toLowerCase()函数的例子函数的例子pppvar str= toLowerCase ;var str= toLowerCase ;pdocument.write(str.toLowerCase();document.write(str.toLowerCase();pppString类的其他常用方法类的其他常用方法方 法具 体 描 述blink把 HTML 标记放置在 String 对象中的文本两端，显示为闪动的文本bold把 HTML 标记放置在 String 对象中的文本两端，

41、显示为加粗的文本italics把 HTML 标记放置在 String 对象中的文本两端，显示为斜体的文本lastIndexOf返回 String 对象中子字符串最后出现的位置match使用正则表达式对象对字符串进行查找，并将结果作为数组返回search返回与正则表达式查找内容匹配的第一个子字符串的位置small将 HTML 的 标识添加到String 对象中的文本两端substr返回一个从指定位置开始的指定长度的子字符串toUpperCase返回一个字符串，该字符串中的所有字母都被转化为大写字母4.2.5 Array类类p1 1 数组的概念数组的概念p2 2创建创建ArrayArray对象对象

42、p3 3ArrayArray类的属性类的属性p4 4遍历数组遍历数组p5 5连接数组元素连接数组元素p6 6连接数组连接数组p7 7排序数组元素排序数组元素1 数组的概念数组的概念p 数组是在内存中保存一组数据的数据结构，它具有如数组是在内存中保存一组数据的数据结构，它具有如下特性：下特性：p 和变量一样，每个数组都有一个唯一标识它的名称和变量一样，每个数组都有一个唯一标识它的名称。p 同一数组的数组元素应具有相同的数据类型。同一数组的数组元素应具有相同的数据类型。p 每个数组元素都有索引和值两个属性，索引用于定每个数组元素都有索引和值两个属性，索引用于定义和标识数组元素，索引是一个凑从义和标

43、识数组元素，索引是一个凑从0 0开始的整数，标开始的整数，标识数组元素的位置；值当然就是数组元素对应的值。识数组元素的位置；值当然就是数组元素对应的值。p 一个数组可以有一个或多个索引，索引的数量也称一个数组可以有一个或多个索引，索引的数量也称为数组的维度。拥有一个索引的数组就是一维数组，为数组的维度。拥有一个索引的数组就是一维数组，拥有拥有2 2个索引的数组就是二维数组，以此类推。个索引的数组就是二维数组，以此类推。一维数组的示意图一维数组的示意图2创建创建Array对象对象p可以使用可以使用newnew关键字创建关键字创建ArrayArray对象，方对象，方法如下：法如下：ArrayArr

44、ay对象对象 = new Array( = new Array(数组大小数组大小) )p例如下面的语句可以创建一个由例如下面的语句可以创建一个由8 8个元素个元素组成的数组组成的数组MyArrMyArr：MyArrMyArr = new Array(8) = new Array(8)3Array类的属性类的属性pArrayArray类只有一个属性类只有一个属性lengthlength，用来返回数组的长度。，用来返回数组的长度。p【例【例4-204-20】 输出数组长度的例子。输出数组长度的例子。输出数组长度的例子输出数组长度的例子 var MyStr; var MyStr; MyArr = n

45、ew Array(3); MyArr = new Array(3); MyArr0 = 123; MyArr0 = 123; MyArr1 = 789; MyArr1 = 789; MyArr2 = 456; MyArr2 = 456;document.write(document.write(数组数组MyArrMyArr的长度为：的长度为：+MyArr.length);+MyArr.length);p浏览【例浏览【例4-204-20】结果如下：】结果如下：数组数组MyArrMyArr的长度为：的长度为：3 3浏览浏览【例例1-8】的结果的结果 p可以通过下面的方法访问数组元素。可以通过下面的

46、方法访问数组元素。数组元素值数组元素值 = = 数组名数组名 索引索引 p可以使用可以使用forfor语句遍历数组的所有索引，语句遍历数组的所有索引，然后使用上面的方法访问每个数组元素然后使用上面的方法访问每个数组元素。【例【例4-21】 使用使用for语句遍历数组语句遍历数组使用使用forfor语句遍历数组语句遍历数组 var MyStr; var MyStr; MyArr = new Array(3); MyArr = new Array(3); MyArr0 = 123; MyArr0 = 123; MyArr1 = 789; MyArr1 = 789; MyArr2 = 456; My

47、Arr2 = 456;for(var i=0;i MyArr.length; i+)for(var i=0;i MyArr.length; i+)document.write(MyArri+);document.write(MyArri+);浏览【例浏览【例4-21】结果如下】结果如下p123123p789789p456456使用使用forin语句遍历数组语句遍历数组for (for (索引变量索引变量 in in 数组名数组名) ) / / 通过数组名通过数组名 索引变量索引变量 访问每个数组元素访问每个数组元素 【例【例4-22】 使用使用forin语句遍历数组语句遍历数组使用使用forf

48、orin in语句遍历数组语句遍历数组 varvar MyStrMyStr; ; MyArrMyArr = new Array(3); = new Array(3); MyArrMyArr0 = 123;0 = 123; MyArrMyArr1 = 789;1 = 789; MyArrMyArr2 = 456;2 = 456;for (x in for (x in MyArrMyArr) ) document.writedocument.write( (MyArrMyArrx + x + ) /) 5连接数组元素连接数组元素p Array Array类的类的join()join()方法用于把数

49、组中方法用于把数组中的所有元素连接为一个字符串，语法的所有元素连接为一个字符串，语法如下：如下：arrayObject.joinarrayObject.join(separator)(separator)p参数参数separatorseparator用于指定分隔符。如果用于指定分隔符。如果省略该参数，则使用逗号作为分隔符省略该参数，则使用逗号作为分隔符。join()join()方法返回连接后的字符串。方法返回连接后的字符串。【例【例4-23】将数组中所有元素连接成字符串将数组中所有元素连接成字符串 varvar MyStrMyStr; ; MyArrMyArr = new Array(3);

50、= new Array(3); MyArrMyArr0 = 123;0 = 123; MyArrMyArr1 = 789;1 = 789; MyArrMyArr2 = 456;2 = 456;document.writedocument.write( (MyArr.joinMyArr.join();();document.writedocument.write(); /);document.writedocument.write( (MyArr.joinMyArr.join(-);(-);p浏览【例浏览【例4-234-23】结果如下：】结果如下：123,789,456123,789,45612