（本科）第2章JavaScript语法基础ppt课件.pptx

《（本科）第2章JavaScript语法基础ppt课件.pptx》由会员分享，可在线阅读，更多相关《（本科）第2章JavaScript语法基础ppt课件.pptx（67页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、课程主讲人：第2章 JavaScript语法基础第2 2章 JAVASCRIPTJAVASCRIPT语法基础夏敏捷夏敏捷微信小程序开发教程微信小程序开发教程目录2.1 2.1 在在HTMLHTML中使用中使用JavaScriptJavaScript语言语言2.2 2.2 基本语法基本语法2.3 2.3 常用控制语句常用控制语句2.3.1 2.3.1 选择结构语句选择结构语句2.3.2 2.3.2 循环结构语句循环结构语句2.4 2.4 函数函数2.5 2.5 JavaScriptJavaScript面向对象程序设计面向对象程序设计2.6 JavaScript2.6 JavaScript内置内置

2、对象对象2.7 ES62.7 ES6简介简介第2章 JAVASCRIPT语法基础教学目标：教学目标：本章将会介绍JavaScript的核心语法。掌握JavaScript的面向对象编程思想以及有关对象的基本概念初步掌握创建和使用自定义的类和对象。了解ES6的语法。2.1 JAVASCRIPT语言概述JavaScript主要用于以下三个领域： 浏览器：得到所有浏览器的支持，只要有网页的地方就有JavaScript。 服务器：借助node.js运行环境，JavaScript已经成为很多开发者进行后端开发的选择之一。 微信小程序：小程序逻辑开发的语言小程序逻辑开发的语言。 标准ECMAScript通常

3、缩写为ES。在微信小程序中通常使用ES5和ES6版本。 微微信信小程序小程序2.1.2 运行JAVASCRIPT语言1在浏览器中运行在浏览器中运行在HTML文件中使用JavaScript脚本时，JavaScript代码需要出现在和和之间。【例2-1】一个简单的在HTML文件中使用JavaScript脚本实例。另外一种插入 JavaScript程序的方法是把 JavaScript 代码写到一个.js文件当中，然后在HTML文件中引用该js文件，方法如下：2.1.2 运行JAVASCRIPT语言JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符

4、代码发送给客户端由浏览器解释执行。注意与Java的区别，Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的解释器，它可以通过解释器实现独立于某个特定的平台编译代码的束缚。2.1.2 运行JAVASCRIPT语言2在服务器中运行在服务器中运行搭建node运行环境后，通过命令行执行JS文件。例如：node output.js3在微信小程序中运行在微信小程序中运行在微信小程序中，JavaScript需要单独保存在JS文件中，即外联式。小程序框架对此进行了优化，只要按目录规范保证JS文件与WXML文件同名，则无须使用引入即可使用。在微信开发工具中，单击console

5、选项卡可以查看JS代码文件中console.log()输出的调试信息。例如： var iNum = 10; iNum *= 2; console.log(iNum);CONSOLE选项卡例如： var iNum = 10; iNum *= 2; console.log(iNum);2.2 基本语法2.2.1 数据类型数据类型JavaScript包含下面5种原始数据类型。p1Undefined ：即为未定义类型，用于不存在或者没有被赋初始值的变量或对象的属性p2Null ： 作用是表明数据空缺的值。一般将Undefined型和Null 型等同对待。p3Boolean ：取值为ture 或fals

6、e，分别表示逻辑真和假p4String：字符型数据。JavaScript不区分单个字符和字符串。用双引号或单引号引起来。var nameA = Tom;var nameB = Tom;p5Number：即为数值型数据，包括整数型和浮点型。var myDataA=8;var myDataB=6.3;pJavaScript脚本语言除了支持上述基本数据类型外，也支持组合类型，如数组Array和对象Object等。2.2 基本语法2.2.2 2.2.2 常量和变量常量和变量1常量常量是内存中用于保存固定值的单元，在程序中常量的值不能发生改变。2变量变量是内存中命名的存储位置，可以在程序中设置和修改变量

7、的值。在JavaScript中，可以使用var关键字声明变量。2.2.3 注释注释JavaScript支持2种类型的注释字符。1/2/* . */2.2 基本语法2.2.4 运算符和表达式运算符和表达式1算术运算符算术运算符算术运算符可以实现数学运行，包括加（+）、减（-）、乘（*）、除（/）和求余（%）。2赋值运算符赋值运算符JavaScript 脚本语言的赋值运算符包含“ =”、 “ +=”、 “=”、 “ *=”、 “ /=”、 “ %=”、“ &=”、“ =”等，如表 2-1所示。3关系运算符关系运算符JavaScript 脚本语言中用于比较两个数据的运算符称为比较运算符，包括“ =

8、=”、“ !=”、“”、“”、“=”等，其具体作用见表2-2所示。4逻辑运算符逻辑运算符JavaScript 脚本语言的逻辑运算符包括 “ &”、“ |”和“ !”等，用于两个逻辑型数据之间的操作，返回值的数据类型为布尔型。逻辑运算符的功能如表2-3所示。2.2 基本语法2.2.4 运算符和表达式运算符和表达式5位运算符位运算符位移运算符用于将目标数据（二进制形式）往指定方向移动指定的位数。JavaScript 脚本语言支持“”和“”等位移运算符，其具体作用如见表2-4：6条件运算符条件运算符在 JavaScript 脚本语言中，“? ：”运算符用于创建条件分支。ab？a:b7逗号运算符逗号运

9、算符使用逗号运算符可以在一条语句中执行多个运算，例如：var iNum1 = 1, iNum = 2, iNum3 = 3;8typeof运算符运算符typeof 运算符用于表明操作数的数据类型，返回数值类型为一个字符串。2.3 常用控制语句2.3.1 选择结构语句选择结构语句 1if语句语句 2if.else.语句语句2.3 常用控制语句3if.else ifelse语句语句【例【例2-3】下面是一个显示当前系统日期的】下面是一个显示当前系统日期的JavaScript代码，其中使用到代码，其中使用到if.else ifelse语句。语句。下面是一个显示当前系统日期的JAVASCRIPT代码/

10、显示当前系统日期显示当前系统日期 d=new Date(); console.log(今天是今天是); if(d.getDay()=1) console.log(星期一星期一); else if(d.getDay()=2) console.log(星期二星期二); else if(d.getDay()=3) console.log(星期三星期三); else if(d.getDay()=4) console.log(星期四星期四); else if(d.getDay()=5) console.log(星期五星期五); else if(d.getDay()=6) console.log(星期六星

11、期六); else console.log(星期日星期日); 2.3 常用控制语句4switch语句语句 switch(表达式表达式) case 值值1: 语句块语句块1 break; case 值值2: 语句块语句块2 break; case 值值n: 语句块语句块n break; default: 语句块语句块n+1 【例2-5】将例2-4的按分数输出其等级使用switch语句实现。按分数输出其等级 /使用使用switch语句实现按分数输出其等级语句实现按分数输出其等级 var MyScore = 89; /请输入请输入成绩成绩 score =parseInt(MyScore/10) /

12、parseInt取整取整 switch(score/10) case 10: case 9: console.log(优优); break; case 8: console.log(良良); break; case 7: console.log(中中); break; case 6: console.log(及格及格); break; default: console.log (不及格不及格); if.else ifelse语句语句实现按分数输出其实现按分数输出其等级等级var score = 89; /请输入成绩请输入成绩 if (score = 90) console.log(优优);el

13、se if (score = 80 & score= 70) console.log(中中);else if (score = 60) console.log(及格及格);else console.log (不及格不及格);2.3 常用控制语句2.3.2 循环结构语句循环结构语句1 while语句语句 while语句的语法格式为：语句的语法格式为：while (表达式表达式) 循环体语句循环体语句【例【例2-6】用】用while循环来计算循环来计算1+2+3 . +98+99+100的值。的值。/计算1+2+3 . +98+99+100的值var total=0;var i=1;while(i

14、=100) total+=i; i+;console.log(total);2.3 常用控制语句2.3.2 循环结构语句循环结构语句2dowhile语句语句do-while语句的语法格式如下：语句的语法格式如下：do 循环体语句循环体语句 while (表达式表达式)；【例【例2-7】用】用dowhile循环来计算循环来计算1+2+3 . +98+99+100的值。的值。 /计算1+2+3 . +98+99+100的值 var total=0; var i=1; do total+=i; i+; while(i=100); console.log(total);2.3 常用控制语句3for语句

15、语句 for 循环语句是循环结构语句，按照指定的循环次数，循环执行循环体内语句（或语句块），循环语句是循环结构语句，按照指定的循环次数，循环执行循环体内语句（或语句块），其基本结构如下：其基本结构如下：for(表达式表达式1;表达式表达式2;表达式表达式3) 循环体语句循环体语句【例【例2-8】用】用for循环来计算循环来计算1+2+3 . +98+99+100的值。的值。 /计算1+2+3 . +98+99+100的值var total=0;for(var i=1; i=100; i+) total+=i;console.log(total);2.3 常用控制语句4continue语句语句c

16、ontinue语句的一般格式为：语句的一般格式为：continue;该语句只能用在循环结构中。当在循环结构中遇到该语句只能用在循环结构中。当在循环结构中遇到continue语句时，则跳过语句时，则跳过continue语句后语句后的其他语句，结束本次循环，并转去判断循环控制条件，以决定是否进行下一次循环。的其他语句，结束本次循环，并转去判断循环控制条件，以决定是否进行下一次循环。5break语句语句break语句的一般格式为：语句的一般格式为：break;该语句只能用于两种情况：该语句只能用于两种情况：（1）用在）用在switch结构中，当某个结构中，当某个case分支执行完后，使用分支执行完后

17、，使用break语句跳出语句跳出switch结构。结构。（2）用在循环结构中，用）用在循环结构中，用break语句来结束循环。如果放在嵌套循环中，则语句来结束循环。如果放在嵌套循环中，则break语句只能结语句只能结束其所在的那层循环。束其所在的那层循环。2.4 函数函数（函数（function）由若干条语句组成，用于实现特定的功能。函数包含函数名、若干参数和返回值。）由若干条语句组成，用于实现特定的功能。函数包含函数名、若干参数和返回值。2.4.1 创建自定义函数创建自定义函数function 函数名函数名 (参数列表参数列表) 函数体函数体function PrintWelcome() d

18、ocument.write(欢迎使用欢迎使用JavaScript);2.4 函数2.4.2 调用函数调用函数 1在在JavaScript中使用函数名来调用函数中使用函数名来调用函数在在JavaScript中，可以直接使用函数名来调用函数。无论是内置函数还是自定义函数，调用函数的方法都是一致的中，可以直接使用函数名来调用函数。无论是内置函数还是自定义函数，调用函数的方法都是一致的。2在在HTML中使用中使用javascript:方式调用方式调用JavaScript函数函数在在HTML中的中的a链接中可以使用链接中可以使用javascript:方式调用方式调用JavaScript函数，方法如下：函

19、数，方法如下：3与事件结合调用与事件结合调用JavaScript函数函数可以将可以将JavaScript函数指定为函数指定为JavaScript事件的处理函数。当触发事件时会自动调用指定的事件的处理函数。当触发事件时会自动调用指定的JavaScript函数函数。设置设置 Hello1:function() console.log(单击我了单击我了) 2.4 函数/计算并打印num1和num 2之和 function sum(num1, num2) console.log(num1 + num2); sum(1, 2); /结果是3与事件结合调用JavaScript函数设置 Hello1:fun

20、ction() console.log(单击我了) 2.4 函数2.4.3 变量的变量的作用域作用域 var a = 100;/ 全局变量全局变量 function setNumber() var a = 10;/ 局部变量局部变量 console.log(a);/ 打印局部变量打印局部变量a setNumber(); console.log(); console.log(a);/ 打印全局变量打印全局变量a程序运行结果：程序运行结果：101002.4 函数2.4.3 变量的变量的作用域作用域在函数中定义的变量被称为局部变量。局部变量只在定义它的函数内部有效，在函数体之外，即使在函数中定义的变

21、量被称为局部变量。局部变量只在定义它的函数内部有效，在函数体之外，即使使用同名的变量，也会被看作是另一个变量。使用同名的变量，也会被看作是另一个变量。相应地，在函数体之外定义的变量是全局变量。全局变量在定义后的代码中都有效，包括它后面定相应地，在函数体之外定义的变量是全局变量。全局变量在定义后的代码中都有效，包括它后面定义的函数体内。如果局部变量和全局变量同名，则在定义局部变量的函数中，只有局部变量是有效义的函数体内。如果局部变量和全局变量同名，则在定义局部变量的函数中，只有局部变量是有效的。的。2.4 函数2.4.4 函数的返回值函数的返回值使用使用return语句可以返回函数值并退出语句可

22、以返回函数值并退出函数函数function 函数名函数名() return 返回值返回值;2.4.5 定义函数库定义函数库JavaScript函数库是一个函数库是一个. js文件，其中包含函数的定义。文件，其中包含函数的定义。在在HTML文件中引用函数库文件中引用函数库js文件的方法如下：文件的方法如下： / 引用引用js文件中的函数文件中的函数求(m,n)两个数字之间的和，代码如下：function getTotal(m,n) var total=0; if(m=n) return false; / n必需大于m否则无意义 for(var i=m;i=n;i+) total+=i; retu

23、rn total;console.log(getTotal(1, 10);2.4 函数2.4.6 JavaScript内置函数内置函数1alert()函数函数alert()函数用于弹出一个消息对话框，该对话框包括函数用于弹出一个消息对话框，该对话框包括一个一个“确定确定”按钮按钮。2confirm()函数函数confirm()函数用于显示一个请求确认对话框，包含函数用于显示一个请求确认对话框，包含一个一个“确定确定”按钮和一个按钮和一个“取消取消”按钮。在程序中，按钮。在程序中，可以根据用户的选择决定执行的操作可以根据用户的选择决定执行的操作2.4 函数3parseFloat()函数函数par

24、seFloat()函数用于将函数用于将字符串转换成浮点数字字符串转换成浮点数字形式。语法如下：形式。语法如下：parseFloat(str)参数参数str是待解析的字符串。函数返回解析后的数字。是待解析的字符串。函数返回解析后的数字。4parseInt ()函数函数parseInt ()函数用于将字符串转换成整型数字形式。语法如下：函数用于将字符串转换成整型数字形式。语法如下：parseInt(str, radix)参数参数str是待解析的字符串；参数是待解析的字符串；参数radix可选。表示要解析的数字的进制。该值介于可选。表示要解析的数字的进制。该值介于 2 36 之间。之间。parseI

25、nt(10);/10进制，结果是进制，结果是10parseInt(f,16);/16进制，结果是进制，结果是15parseInt(010,2);/2进制，结果是进制，结果是22.4 函数3isNaN()函数函数isNaN()用于检验某个值是否为用于检验某个值是否为NaN（not a number不是数字不是数字），返回），返回false为数字，返回为数字，返回true为非数字。为非数字。var num = 123.456789abc;isNaN(num) /结果是结果是trueisNaN(123)/结果是结果是false4强制类型转换函数强制类型转换函数用户可以使用强制类型转换函数用户可以使用

26、强制类型转换函数来来转换转换值的值的类型类型。在在ECMAScript中可以使用以下中可以使用以下3种强制类型转换函数。种强制类型转换函数。String(value)：把给定的值转换成字符串。类似于：把给定的值转换成字符串。类似于toString()方法，但是和它又不同，对方法，但是和它又不同，对null或或undefined值值toString()会报错。会报错。Boolean(value)：把给定的值转换成：把给定的值转换成Boolean型。给定的值为空字符串、数字型。给定的值为空字符串、数字0、undefined或或null返回返回false，其余返回，其余返回true。Number(v

27、alue)：把给定的值转换成数字（可以是整数或浮点数）：把给定的值转换成数字（可以是整数或浮点数）。2.4 函数var a=String(123); /返回返回123var a=Boolean(0); /返回返回falsevar a=Boolean(undefined); /返回返回falsevar a=Boolean(null); /返回返回falsevar a=Boolean(50); /返回返回truevar a=Number(11.11); /返回返回11.115保留几位小数保留几位小数NumberObject.toFixed(位数位数)；toFixed()位数功能是保留几位小数（四舍

28、五入），参数为保留的小数点后位数，返回的值为位数功能是保留几位小数（四舍五入），参数为保留的小数点后位数，返回的值为String 类型。类型。var a=13.37.toFixed(4); /返回返回13.3700var a=13.378888.toFixed(2); /返回返回13.382.5 JAVASCRIPT面向对象程序设计JavaScript脚本是面向对象（Object-based）的编程语言，它可以将属性和代码集成在一起，定义为类，从而使程序设计更加简单、规范、有条理。通过对象的来访问可大大简化JavaScript程序的设计，并提供直观、模块化的方式进行脚本程序开发。 面向对象程序

29、设计思想对象是客观世界存在的人、事和物体等实体。现实生活中存在很多的对象，比如猫、自行对象是客观世界存在的人、事和物体等实体。现实生活中存在很多的对象，比如猫、自行车等。不难发现它们有两个共同特征：都有状态和行为。车等。不难发现它们有两个共同特征：都有状态和行为。图2-8 以自然人构造的对象2.5.1 面向对象程序设计思想凡是能够提取一定度量数据并能通过某种途径对度量数据实施操作的客观存在都可以构成一个对象，且用属性来描述对象的状态，使用方法和事件来处理对象的各种行为。下面介绍一些概念。对象（Object）：面向对象程序设计思想可以将一组数据和与这组数据有关操作组装在一起，形成一个实体，这个实

30、体就是对象。属性：用来描述对象的状态。通过定义属性值，可以改变对象的状态。如图2-8中，可以定义height表示该自然人身高，字符串HungryOrNot来表示该自然人肚子的状态，HungryOrNot成为自然人的某个属性；方法：也称为成员函数，是指对象上的操作。如图2-8中，可以定义方法Eat( )来处理自然人肚子很饿的情况，Eat( )成为自然人的某个方法；事件：由于对象行为的复杂性，对象的某些行为需要用户根据实际情况来编写处理该行为的代码，该代码称为事件。在图2-8中，可以定义事件DrinkBeforeEat( )来处理自然人肚子很饿同时嘴巴很渴需要先喝水后进食。2.5.2 面向对象编程

31、面向对象编程（OPP）是一种计算机编程架构，具有三个最基本的特点：封装、重用性（继承）、多态。（1）类（class）：具有相同或相似性质的对象的抽象就是类。 （2）封装：将数据和操作捆绑在一起，定义一个新类的过程就是封装。（3）继承：类之间的关系，在这种关系中，一个类共享了一个或多个其他类定义的属性和行为。 （4）多态：从同一个类中继承得到的子类也具有多态性，即相同的函数名在不同子类中有不同的实现。就如同子女会从父母那里继承到人类共有的特性，而子女也具有自己的特性。实际上，JavaScript语言是通过一种叫做原型（prototype）的方式来实现面向对象编程的。2.5.3 JAVASCRIP

32、T类的定义和实例化严格的说，JavaScript 是基于对象的编程语言，而不是面向对象的编程语言。在面向对象的编程语言中（如Java、C+、C#、PHP等），声明一个类使用 class 关键字。但是在JavaScript中，没有声明类的关键字，也没有办法对类的访问权限进行控制。JavaScript 使用函数来定义类。1 .类的定义类的定义定义一个Person类：function Person() this.name= 张三 ; / 定义一个属性 name this.sex= 男 ; / 定义一个属性 sex this.say=function() / 定义一个方法 say() console.

33、log(我的名字是 + this.name + ，性别是 + this.sex + 。); 2.5.3 JAVASCRIPT类的定义和实例化2. 创建对象（类的实例化）创建对象（类的实例化）创建对象的过程也是类实例化的过程。在JavaScript中，创建对象（即类的实例化）使用 new 关键字。创建对象语法：new className()将上面的 Person 类实例化：var zhangsan=new Person();zhangsan.say();运行代码，输出如下内容： 大家好，我的名字是 张三 ，性别是 男 。2.5.3 JAVASCRIPT类的定义和实例化3. 通过对象直接初始化创建

34、对象通过对象直接初始化创建对象通过直接初始化对象来创建对象，与定义对象的构造函数方法不同的是，该方法不需要new生成此对象的实例，改写zhangsan对象：/直接初始化对象var zhangsan= name:张三, sex:男, say: function ()/定义对象的方法 document.write(大家好，我的名字是 + this.name + ，性别是 + this.sex);zhangsan.say();对象直接初始化是一个“名字/值”对列表，最后用一个大括号括起来。“名字/值”对表示对象的一个属性或方法，名和值之间用冒号分隔。2.5.3 JAVASCRIPT类的定义和实例化3

35、. 通过对象直接初始化创建对象通过对象直接初始化创建对象上面的zhangsan对象，也可以这样来创建：var zhangsan=zhangsan.name = 张三;zhangsan.sex = 男;zhangsan.say = function() return 嗨！大家好，我来了。; 该方法在只需生成一个对象实例并进行相关操作的情况下使用时，代码紧凑，编程效率高，但致命的是，若要生成若干个对象实例，就必须为生成每个对象实例重复相同的代码结构，代码的重用性比较差，不符合面向对象的编程思路，应尽量避免使用该方法创建自定义对象。2.5.4 JAVASCRIPT访问对象的属性和方法l 属性是一个变

36、量，用来表示一个对象的特征，如颜色、大小、重量等；l 方法是一个函数，用来表示对象的操作，如奔跑、呼吸、跳跃等。对象的属性和方法统称为对象的成员。在JavaScript中，可以使用“ . ”和“ ”来访问对象的属性。1. 使用“ . ”来访问对象属性语法：objectName.propertyName其中，objectName 为对象名称，propertyName为属性名称。 2. 使用“ ”来访问对象属性语法： objectNamepropertyName3. 访问对象的方法在JavaScript中，只能使用“ . ”来访问对象的方法。语法：objectName.methodName()2.

37、5.4 JAVASCRIPT访问对象的属性和方法【例2-15】创建一个Person对象并访问其成员。function Person() this.name=张三; / 定义一个属性name this.sex=男; / 定义一个属性sex this.age=22; / 定义一个属性age this.say=function() / 定义一个方法 say() return 我的名字是 + this.name + ，性别是 + this.sex + ，今年 + this.age +岁!; var zhangsan=new Person();console.log(姓名：+zhangsan.name)

38、; / 使用“.”来访问对象属性console.log(性别：+zhangsan.sex);console.log(年龄：+zhangsanage); / 使用“ ”来访问对象属性console.log(zhangsan.say(); / 使用“.”来访问对象方法动态添加对象的属性和方法【例2-16】用Person类创建一个对象，向其添加属性和方法。function Person(name,sex) / 定义类 this.name=name; / 定义一个属性 name this.sex=sex; / 定义一个属性 sex this.say=function() / 定义一个方法 say()

39、return 大家好，我的名字是 + this.name + ，性别是 + this.sex + 。; var zhangsan=new Person(张三,男); / 创建对象zhangsan.say();/ 动态添加属性和方法zhangsan.tel=029-81892332; /动态添加属性telzhangsan.run=function() / 动态添加方法run return 我跑得很快！ ;/ 弹出警告框alert(姓名：+zhangsan.name);alert(姓别：+zhangsan.sex);alert(zhangsan.say();alert(电话：+zhangsan.t

40、el);alert(zhangsan.run();2.6 JAVASCRIPT内置对象JavaScript 脚本提供丰富的内置对象（内置类），包括同基本数据类型相关的对象（如String、Boolean、Number）、允许创建用户自定义和组合类型的对象（如Object、Array）和其他能简化JavaScript操作的对象（如Math、Date、RegExp、Function）。了解这些内置对象是JavaScript编程和游戏开发的基础和前提。2.6 JAVASCRIPT内置对象JavaScript的内置对象（内置类）框架如图所示。2.6.2 基类OBJECT所有的JavaScript对象都

41、继承自Object类，后者为前者提供基本的属性（如prototype属性等）和方法（如toString()方法等）。而前者也在这些属性和方法基础上进行扩展，以支持特定的某些操作。基类Object的属性和方法见表2-2所示。2.6.3 DATE类Date类主要提供获取和设置日期和时间的方法，如getYear()、getMonth()、getDate()等。Date类的常用方法见表2-3所示。2.6.4 STRING类String是JavaScript的字符串类，用于管理和操作字符串数据。可以使用下面2种方法创建String对象：MyStr = new String(这是一个测试字符串); /把参

42、数作为MyStr对象的初始值。MyStr = 这是一个测试字符串; / 直接对String对象赋值字符串String类只有一个属性length，用来返回字符串的长度。【例2-18】计算String对象的长度。 var MyStr; MyStr = new String(这是一个测试字符串); console.log(“ +MyStr+”的长度为: + MyStr. length); /演示使用String对象的length属性运行结果如下： “这是一个测试字符串”的长度为:9String类的常用方法见表2-4所示。2.6.4 STRING2.6.4 STRING类【例2-19】演示slice(

43、)方法的例子。var str=Hello world!console.log(str. slice (6, 11)2.6.5 ARRAY2.6.5 ARRAY类Array数组是在内存中保存一组数据。Array类的常用方法见表2-5所示。1Array数组创建与使用方法一：可以使用new关键字创建Array对象，方法如下：Array对象 = new Array(数组大小)例如下面的语句可以创建一个由3个元素组成的数组cars：var cars=new Array(3);通过下面的方法访问数组元素。数组元素值 = 数组名索引var cars=new Array(3);cars0=Audi;cars1

44、=BMW;cars2=Volvo;方法二：在创建数组对象的时候给元素赋值。var cars=new Array(Audi,BMW,Volvo);方法三：直接赋值。var cars=Audi,BMW,Volvo;2.6.5 ARRAY2.6.5 ARRAY类2数组遍历数组遍历可以使用for语句遍历数组的所有索引，然后使用数组名索引方法访问每个数组元素。【例2-20】使用for语句遍历数组。 var MyStr; MyArr = new Array(3); MyArr0 = 中国; MyArr1 = 美国; MyArr2 = 日本; for(var i=0;i MyArr.length; i+)

45、console.log(MyArri);2.6.5 ARRAY2.6.5 ARRAY类3数组排序数组排序使用Array类的sort ()方法可以对数组元素进行排序，sort ()方法返回排序后的数组。语法如下：arrayObject. sort(sortby)参数sortby可选，用于规定排序顺序，sortby必须是函数。如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。【例2-22】对数组排序的例子。 var arr = new Array(6) ; arr0 = George; arr1 = Johney; arr2 = Thom

46、as; arr3 = James; arr4 = Adrew; arr5 = Martin; console.log(排序前+ arr); console.log(排序后+ arr.sort();2.6.5 ARRAY2.6.5 ARRAY类4数组的操作数组的操作(1) push()方法往数组后面添加数组，并返回数组新长度。var a = aa,bb,cc;console.log(a.push(dd); /输出4console.log(a); /输出 aa,bb,cc,dd而unshift()方法可向数组的开头添加一个或更多元素，并返回新的长度。(2) pop()方法和shift()方法pop

47、()方法删除数组最后一个元素，并返回该元素。而shift()方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。var a = aa,bb,cc;console.log(a.pop(); /输出ccconsole.log(a.shift ();/输出aa2.6.5 ARRAY2.6.5 ARRAY类 (3) slice()方法可从已有的数组中返回选定的元素的一个新数组。语法如下：arrayObject.slice(start,end)(4) join()方法用于把数组中的所有元素连接起来放入一个字符串。 var arr = new Array(3) ; arr0 = George; a

48、rr1 = John; arr2 = Thomas; console.log(arr.join(.);/ 输出 2.6.5 ARRAY2.6.5 ARRAY类5二维数组二维数组数组中的元素又是数组就成为二维数组。创建二维数组方法如下：方法一：先创建一个一维数组，然后该一维数组的所有元素再创建一维数组。var persons = new Array(3);/创建一个一维数组persons0 = new Array(2);/每个元素persons0又是一维数组persons1 = new Array(2);/每个元素persons1又是一维数组persons2 = new Array(2);/每个

49、元素persons2又是一维数组persons00 = zhangsan;persons01 = 25;persons10 = lisi; persons11 = 22;persons20 = wangwu;persons21 = 32;方法二：先创建一个一维数组，然后该一维数组的所有元素直接赋值。var persons = new Array(3);persons0 = zhangsan, 25;persons1 = lisi, 21;persons2 = wangwu, 32;方法三：直接赋值。var persons = zhangsan, 25, lisi, 21, wangwu, 32

50、;2.6.5 ARRAY2.6.5 ARRAY类5二维数组二维数组数组中的元素又是数组就成为二维数组。创建二维数组方法如下：方法一：先创建一个一维数组，然后该一维数组的所有元素再创建一维数组。var persons = new Array(3);/创建一个一维数组persons0 = new Array(2);/每个元素persons0又是一维数组persons1 = new Array(2);/每个元素persons1又是一维数组persons2 = new Array(2);/每个元素persons2又是一维数组persons00 = zhangsan;persons01 = 25;per