📄 js06.htm
字号:
<HTML>
<HEAD>
<TITLE>第六章 对象编程</TITLE>
<LINK rel="stylesheet" type="text/css" href="js.css">
</HEAD>
<BODY>
<H1><A name="第六章 对象编程">第六章 对象编程</A> <A href="index.htm">主目录</A></H1>
<HR>
<UL>
<LI><A href="#6.1 初探对象编程">6.1 初探对象编程</A></LI>
<LI><A href="#6.2 对象的基本概念">6.2 对象的基本概念</A><UL>
<LI><A href="#6.2.1 什么是对象">6.2.1 什么是对象</A></LI>
<LI><A href="#6.2.2 对象的属性和方法">6.2.2 对象的属性和方法</A></LI>
<LI><A href="#6.2.3 在JavaScript中使用对象">6.2.3 在JavaScript中使用对象</A></LI>
<LI><A href="#6.2.4 通过帮助系统查看内置对象和浏览器对象">6.2.4 通过帮助系统查看内置对象和浏览器对象</A></LI>
<LI><A href="#6.2.5 创建和删除对象">6.2.5 创建和删除对象</A></LI>
</UL>
</LI>
<LI><A href="#6.3 Math对象">6.3 MATH对象</A></LI>
<LI><A href="#6.4 Date对象">6.4 DATE对象</A><UL>
<LI><A href="#6.4.1 Date对象的主要方法">6.4.1 Date对象的主要方法</A></LI>
<LI><A href="#6.4.2 创建Date对象">6.4.2 创建Date对象</A></LI>
</UL>
</LI>
<LI><A href="#6.5 Number对象">6.5 NUMBER对象</A></LI>
<LI><A href="#6.6 String对象">6.6 STRING对象</A></LI>
<LI><A href="#6.7 Array对象">6.7 ARRAY对象</A><UL>
<LI><A href="#6.7.1 什么是数组">6.7.1 什么是数组</A></LI>
<LI><A href="#6.7.2 创建和访问数组">6.7.2 创建和访问数组</A></LI>
<LI><A href="#6.7.3 使用for…in语句">6.7.3 使用for…in语句</A></LI>
<LI><A href="#6.7.4 Array对象的常用属性和方法">6.7.4 Array对象的常用属性和方法</A></LI>
<LI><A href="#6.7.5 二维数组">6.7.5 二维数组</A></LI>
</UL>
</LI>
</UL>
<H2><A name="6.1 初探对象编程">6.1 初探对象编程</A>
<A href="#第六章 对象编程">(目录)</A></H2>
<UL>
<LI>JavaScript提供一些非常有用的预定义对象来帮助开发者提高编程效率。</LI>
<LI><A href="sample/S06_01.htm">例6.1</A>，用户输入一个数x，然后求出它的平方根。</LI>
<LI>对大多数开发人员来说，在JavaScript中会使用现有对象就已经足够了。</LI>
<LI>
除了数学运算对象Math以外，JavaScript还提供时间处理对象Date、字符串处理对象String等基本的内置对象。另外，JavaScript也提供功能强大的浏览器对象，以便开发者编制出精彩的动态网页。</LI>
</UL>
<H2><A name="6.2 对象的基本概念">6.2 对象的基本概念</A>
<A href="#第六章 对象编程">(目录)</A></H2>
<H3><A name="6.2.1 什么是对象">6.2.1 什么是对象</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>对象用于描述客观世界存在的特定实体。比如，“人”就是一个典型的对象，“人”包括身高、体重、年龄等特性，同时又包含吃饭、睡觉、行走这些动作。</LI>
<LI>
在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。例如，一个用户可被看作一个对象，它包含用户名、用户密码等特性，也包含注册、注销等动作。</LI>
</UL>
<H3><A name="6.2.2 对象的属性和方法">6.2.2 对象的属性和方法</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>在JavaScript中，对象就是属性和方法的集合。<UL>
<LI>方法是作为对象成员的函数，表明对象所具有的行为；</LI>
<LI>属性是作为对象成员的一个变量或一组变量，表明对象的状态。</LI>
</UL>
</LI>
<LI>通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能。</LI>
<LI>调用对象的一个方法类似于调用一个函数，如:Math.sqrt(x)。</LI>
<LI>使用对象的一个属性则类似于使用一个变量，如:window.status=”正在显示我的主页”。</LI>
<LI><A href="sample/S06_02.htm">例6.2</A>，在浏览器窗口的状态栏中显示当前浏览器的版本信息。</LI>
</UL>
<H3><A name="6.2.3 在JavaScript中使用对象">6.2.3 在JavaScript中使用对象</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>可以使用三种对象:<OL>
<LI>内置对象</LI>
<LI>自定义对象</LI>
<LI>浏览器对象。</LI>
</OL>
</LI>
<LI>
内置对象是Math、Date、String、Array、Number、Boolean、Function、Global、Object、RegExp和Event对象。</LI>
<LI>浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一些可供使用的对象。如，document、window对象等。</LI>
<LI>自定义对象就是指自己根据需要而定义的新对象。</LI>
</UL>
<H3><A name="6.2.4 通过帮助系统查看内置对象和浏览器对象">6.2.4 通过帮助系统查看内置对象和浏览器对象</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<P>在Microsoft脚本编辑器通过“帮助”菜单打开其帮助系统窗口</P>
<UL>
<LI>“JScript帮助”->“JScript”->“Jscript语言参考”->“对象”，就可在窗口右部显示所有内置对象。</LI>
<LI>“HTML帮助参考”->“DHTML, HTML & CSS Reference”->“DHTML
References”->“Objects”，可显示所有浏览器对象.</LI>
</UL>
<H3><A name="6.2.5 创建和删除对象">6.2.5 创建和删除对象</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>在JavaScript的内置对象中，除了Math等极个别对象以外，其他对象都要使用new运算符来创建一个变量。</LI>
<LI>创建格式：</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>变量名=new 对象名()；</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<UL>
<LI>delete的删除对象</LI>
<LI><A href="sample/S06_03.htm">例6.3</A>，在页面中显示当天日期。</LI>
</UL>
<H2><A name="6.3 Math对象">6.3 Math对象</A>
<A href="#第六章 对象编程">(目录)</A></H2>
<UL>
<LI>Math对象的属性是数学中常用的常量，如圆周率PI，自然对数的底E等。</LI>
<LI>Math对象的方法则是一些十分有用的数学函数，如sin()、random()、log()等。</LI>
<LI>在调用Math对象的属性和方法时，直接写成：Math.属性和Math.方法。</LI>
<LI><A href="sample/S06_04.htm">例6.4</A>，求PI的5次方，并四舍五入取整。</LI>
</UL>
<H2><A name="6.4 Date对象">6.4 Date对象</A>
<A href="#第六章 对象编程">(目录)</A></H2>
<H3><A name="6.4.1 Date对象的主要方法">6.4.1 Date对象的主要方法</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>常用方法:设置和获取日期中的年、月、日、小时、分、秒和毫秒等</LI>
</UL>
<H3><A name="6.4.2 创建Date对象">6.4.2 创建Date对象</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<P>要使用Date对象，必须先使用new运算符创建它。创建Date对象的常见方式有三种：</P>
<UL>
<LI>1.不带参数</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>var today = new Date();</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<UL>
<LI>2.创建一个指定日期的Date变量</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>var theDate = new Date(2000, 9, 1);</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<UL>
<LI>3.创建一个指定时间的Date变量</LI>
</UL>
<BLOCKQUOTE>
<P>var theTime = new Date(2000, 9, 1, 10, 20,30,50)</P>
</BLOCKQUOTE>
<UL>
<LI><A href="sample/S06_05.htm">例6.5</A>，计算求1+2+3+…10000之和所需要的运行时间(毫秒数)。</LI>
</UL>
<H2><A name="6.5 Number对象">6.5 Number对象</A>
<A href="#第六章 对象编程">(目录)</A></H2>
<UL>
<LI>
Number对象用于存放MAX_VALUE、MIN_VALUE、NaN、NEGATIVE_INFINITY、POSITIVE_INFINITY等极端数值。</LI>
<LI><A href="sample/S06_06.htm">例6.6</A>，在页面中显示JavaScript可以处理的数的区间。</LI>
</UL>
<H2><A name="6.6 String对象">6.6 String对象</A>
<A href="#第六章 对象编程">(目录)</A></H2>
<UL>
<LI>String对象提供对字符串进行处理的属性和方法()。</LI>
<LI>在使用String对象时，首先要创建一个字符串变量。</LI>
<LI>使用new运算符来创建，如:</LI>
</UL>
<BLOCKQUOTE>
<P>newstring = new String("This is a new string.")</P>
</BLOCKQUOTE>
<UL>
<LI>也可以直接将字符串赋给变量。</LI>
</UL>
<BLOCKQUOTE>
<P>newstring = "This is a new string."</P>
</BLOCKQUOTE>
<UL>
<LI>
String对象的最常用属性和方法:length、toLowerCase()、toUpperCase()、charAt(index)、substr(start,len)</LI>
<LI><A href="sample/S06_07.htm">例6.7</A>，将用户输入的字符串反向输出到页面上，并且要求将其中的小写字母转换为大写字母。例如，如果输入”abc123”，则输出”321CBA”。</LI>
</UL>
<H2><A name="6.7 Array对象">6.7 Array对象</A>
<A href="#第六章 对象编程">(目录)</A></H2>
<H3><A name="6.7.1 什么是数组">6.7.1 什么是数组</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>如果一个变量是数组，那么这个变量同时就能够存储多个值。</LI>
<LI>一个数组可以包含多个数组元素。数组中数组元素的个数称为数组长度。</LI>
</UL>
<H3><A name="6.7.2 创建和访问数组">6.7.2 创建和访问数组</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>基本格式:</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>var arrayname = new Array(arraysize);</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<UL>
<LI>
一个数组元素由数组名、一对方括号[]和这对括号中的下标组合起来表示。如：arrayname[0]、arrayname[1]、arrayname[2]、…、arrayname[arraysize-1]。</LI>
<LI>赋值、取值操作：</LI>
</UL>
<BLOCKQUOTE>
<P>var classmates = new Array(4); //创建数组<BR>
classmates[0]=”张月”; //对第1个数组元素进行赋值<BR>
classmates[1]=”何芳”; //对第2个数组元素进行赋值<BR>
classmates[3]= classmates[0]; //把第1个数组元素的值赋予第4个</P>
</BLOCKQUOTE>
<UL>
<LI><A href="sample/S06_08.htm">例6.8</A>，使用一个数组变量classmates存贮4个同学的名字，即：张月、李良、王力和何芳，然后在页面上输出这些名字。</LI>
<LI>对例6.8程序的一点改进：</LI>
</UL>
<BLOCKQUOTE>
<P>classmates = new Array("张月","李良","王力","何芳");</P>
</BLOCKQUOTE>
<UL>
<LI><A href="sample/S06_09.htm">例6.9</A>，在页面上显示当前日期和时间，并显示是星期几。</LI>
<LI>JavaScript数组的动态性：</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>classmates = new Array();</P>
<P>classmates[10] =”黄海”;</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<H3><A name="6.7.3 使用for…in语句">6.7.3 使用for…in语句</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>用for…in语句处理数组，可以依次对数组中的每个数组元素执行一条或多条语句。</LI>
<LI>for…in的格式是：</LI>
</UL>
<BLOCKQUOTE>
<BLOCKQUOTE>
<P>for(变量 in 数组) 循环体语句;</P>
</BLOCKQUOTE>
</BLOCKQUOTE>
<UL>
<LI>其中变量将遍历数组中的每个索引。其执行过程如下：<UL>
<LI>1.变量被赋值为数组的第1个下标索引(通常是0)；</LI>
<LI>2.如果变量值是一个有效的下标索引(如小于数组长度)，就执行步骤3，否则退出循环；</LI>
<LI>3.执行循环体语句；</LI>
<LI>4.变量被赋值为数组的下一个下标索引；转去执行步骤2进行判断。</LI>
</UL>
</LI>
<LI><A href="sample/S06_10.htm">例6.10</A>，使用for…in修改例6.8的程序。</LI>
</UL>
<H3><A name="6.7.4 Array对象的常用属性和方法">6.7.4 Array对象的常用属性和方法</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>Array对象最常用的属性和方法：length、toString()</LI>
<LI><A href="sample/S06_11.htm">例6.11</A>，使用toString()方法输出例6.10中数组变量classmates的内容。</LI>
</UL>
<H3><A name="6.7.5 二维数组">6.7.5 二维数组</A>
<A href="#第六章 对象编程">(目录)</A></H3>
<UL>
<LI>如果数组中所有数组元素的值都是基本类型的值，就把这种数组称为一维数组。</LI>
<LI>当数组中所有数组元素的值又都是数组时，就形成了二维数组。</LI>
<LI><A href="sample/S06_12.htm">例6.12</A>，使用二维数组输出学生的成绩表。</LI>
</UL>
</BODY>
</HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -