《Web編程基礎(chǔ)》課件第6章 JavaScript對象

目標(biāo)-1-掌握數(shù)組對象的創(chuàng)建方式掌握數(shù)組對象常用方法的使用掌握字符串對象常用方法的使用掌握日期對象常用方法的使用了解數(shù)學(xué)對象常用方法的使用了解原型的概念掌握自定義對象的幾種創(chuàng)建方式JavaScript核心對象JavaScript核心對象有以下幾種：數(shù)組對象字符串對象日期對象數(shù)學(xué)對象-2-JavaScript語言是一種基于對象（object）的語言對象是一種特殊的數(shù)據(jù)類型，它擁有屬性和方法數(shù)組對象-1數(shù)組對象數(shù)組（Array）是編程語言中常見的一種數(shù)據(jù)結(jié)構(gòu)，可以用來存儲一系列的數(shù)據(jù)。創(chuàng)建數(shù)組Array對象表示數(shù)組，創(chuàng)建數(shù)組的方式如下面代碼所示：-3-//不帶參數(shù)，返回空數(shù)組。length屬性值為0newArray();//數(shù)字參數(shù)，返回大小為size的數(shù)組。length值為size，數(shù)組中的//所有元素初始化為undefinednewArray(size);//帶多個參數(shù)，返回長度為參數(shù)個數(shù)的數(shù)組。length值為參數(shù)的個數(shù)newArray(e1,e2,...,eN);當(dāng)把構(gòu)造函數(shù)作為函數(shù)調(diào)用，不使用new運算符時，它的行為與使用new運算符時完全一樣

數(shù)組對象-2數(shù)組方法Array對象的主要方法及功能，如下表：示例：6.1ArrayEG.java方法名功能說明concat()連接兩個或更多的數(shù)組，并返回合并后的新數(shù)組join()把數(shù)組的所有元素放入一個字符串并返回此字符串。元素通過指定的分隔符進行分隔pop()刪除并返回數(shù)組的最后一個元素push()向數(shù)組的末尾添加一個或更多元素，并返回新的長度reverse()顛倒數(shù)組中元素的順序sort()對數(shù)組的元素進行排序toString()把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果-4-在本書中，經(jīng)常涉及到“函數(shù)”和“方法”兩個概念，對于對象或自定義對象內(nèi)的函數(shù)都統(tǒng)一用“方法”一詞，其他情況統(tǒng)稱為“函數(shù)”。字符串對象-1字符串對象字符串是JavaScript中的一種基本數(shù)據(jù)類型，而字符串對象則封裝了一個字符串，并且提供了許多操作字符串的方法，例如：分割字符串、改變字符串的大小寫、操作子字符串等。創(chuàng)建字符串對象創(chuàng)建一個字符串對象有幾種方法：-5-//字面值varmyStr="Hello,String!";//new創(chuàng)建varstrObj=newString("Hello,String!");//函數(shù)調(diào)用方式varstr=String("Hello,String!");使用typeof運算符查看會發(fā)現(xiàn)，上面的myStr和str的類型為string，而strObj類型為object。

字符串對象-2字符串方法String對象提供了多個方法用于對字符串的操作，如下表：方法名功能簡述charAt()返回在指定位置的字符concat()連接字符串indexOf()檢索指定的字符串位置split()把字符串分割為字符串?dāng)?shù)組substring()提取字符串中兩個指定的索引號之間的字符toLowerCase()把字符串轉(zhuǎn)換為小寫toUpperCase()把字符串轉(zhuǎn)換為大寫replace()替換與正則表達式匹配的子串a(chǎn)nchor()創(chuàng)建錨點-6-JavaScript的字符串是不可變的，String對象定義的方法都不能改變字符串的內(nèi)容。字符串對象-3charAt()方法charAt()方法從字符串中返回一個字符。示例：6.2StringEG.htmlindexOf()方法indexOf()方法從特定的位置起查找指定的字符串，其返回值是查找到的第一個位置，如果在指定位置后找不到，則返回-1。示例：6.3IndexOfEG.htmlsubstring()方法substring()方法用于截取子字符。示例：6.4SubstringEG.html-7-str.charAt(index)str.indexOf(string,index)str.substring(start,stop)字符串對象-4toLowerCase()和toUpperCase()方法toLowerCase()方法是將給定的字符串中的所有字符轉(zhuǎn)換成小寫字母。toUpperCase()方法將給定的字符串中的所有字符轉(zhuǎn)換成大寫字母。示例：6.5ChartCaseEG.htmlanchor()方法anchor()方法可以在HTML頁面中創(chuàng)建一個錨點。示例：6.6AnchorEG.html轉(zhuǎn)義字符：轉(zhuǎn)義字符用反斜杠“\”后面跟一個字符表示。如單引號\’雙引號\”等示例：6.7strEscapeCharEG.html-8-str.toLowerCase()str.toUpperCase()str.anchor(anchorName)日期對象-1日期對象在JavaScript中提供了處理日期的對象和方法。通過日期對象便于獲取系統(tǒng)時間，并設(shè)置新的時間。創(chuàng)建日期對象Date對象表示系統(tǒng)當(dāng)前的日期和時間，下列語句創(chuàng)建了一個Date對象。在創(chuàng)建日期對象時可以指定具體的日期和時間，語法格式如下：示例代碼：-9-varmyDate=newDate();varmyDate=newDate('MM/dd/yyyyHH:mm:ss');varmyDate=newDate('9/25/201018:36:42');日期對象-2日期對象的方法Date對象提供了獲取和設(shè)置日期或時間的方法，如下表：示例：6.8DateEG.html6.9Timer.html方法說明getDate()返回在一個月中的哪一天（1~31）getDay()返回在一個星期中的哪一天（0~6），其中星期天為0getHours()返回在一天中的哪一個小時（0~23）getMinutes()返回在一小時中的哪一分鐘（0~59）getMonth()返回在一年中的哪一月（0~11）getSeconds()返回在一分鐘中的哪一秒（0~59）getFullYear()以4位數(shù)字返回年份，如，2010setDate()設(shè)置月中的某一天(1~31)setHours()設(shè)置小時數(shù)（0~23）setMinutes()設(shè)置分鐘數(shù)（0~59）setSeconds()設(shè)置秒（0~59）setFullYear()以4位數(shù)字設(shè)置年份-10-Math對象-1Math對象Math對象提供了一組在進行數(shù)學(xué)運算時非常有用的屬性和方法。Math對象的屬性Math對象的屬性是一些常用的數(shù)學(xué)常數(shù)，如下表：示例：6.10MathPropertyEG.htmlMath屬性說明E自然對數(shù)的底LN22的自然對數(shù)LN1010的自然對數(shù)LOG2E底數(shù)為2，真數(shù)為E的對數(shù)LOG10E底數(shù)為10，真數(shù)為E的對數(shù)PI圓周率的值SORT1_20.5的平方根SORT22的平方根-11-Math對象-2Math對象方法Math對象方法豐富，可直接引用這些方法來實現(xiàn)數(shù)學(xué)計算，常用的方法及說明如下表：Math方法說明sin()/cos()/tan()分別用于計算數(shù)字的正弦/余弦/正切值asin()/acos()/atan()分別用于返回數(shù)字的反正弦/反余弦/反正切值abs()取數(shù)值的絕對值，返回數(shù)值對應(yīng)的正數(shù)形式ceil()返回大于等于數(shù)字參數(shù)的最小整數(shù)，對數(shù)字進行上舍入floor()返回小于等于數(shù)字參數(shù)的最大整數(shù)，對數(shù)字進行下舍入exp()返回E（自然對數(shù)的底）的x次冪log()返回數(shù)字的自然對數(shù)pow()返回數(shù)字的指定次冪random()返回一個[0，1)之間的隨機小數(shù)sqrt()返回數(shù)字的平方根-12-Math對象常用方法random()方法random()方法用于獲取隨機數(shù)。返回一個大于等于0，小于1的隨機浮點數(shù)。示例：6.11RandomEG.htmlmax()和min()方法這兩個方法分別用于判斷一組數(shù)值中的最大值和最小值，都可以接受任意多個參數(shù)。示例：6.12MaxMinEG.htmlround()方法round()方法用于對浮點數(shù)進行四舍五入，返回舍入后的整數(shù)。示例：6.13RandomImg.html-13-自定義對象-1原型在JavaScript中，所有的對象都擁有只讀的prototype（原型）屬性，通過prototype可以為新創(chuàng)建對象或已有對象（如String）添加新的屬性和方法。格式如下：示例：6.15StringExtend.html對象創(chuàng)建主要有四種方式:JSON方式構(gòu)造函數(shù)方式原型方式混合方式-14-=value對象是一種特殊的數(shù)據(jù)類型，并擁有一系列的屬性和方法。自定義對象-JSON方式JSON方式JSON（JavaScriptObjectNotation）是一種輕量級的數(shù)據(jù)交換格式，非常適合于服務(wù)器與JavaScript的交互。示例：6.16JsonEG.html6.17JsonStrEG.html-15-{ //對象內(nèi)的屬性語法(屬性名與屬性值是成對出現(xiàn)的) propertyName:value, //對象內(nèi)的函數(shù)語法(函數(shù)名與函數(shù)內(nèi)容是成對出現(xiàn)的) methodName:function(){...}};自定義對象-構(gòu)造函數(shù)方式構(gòu)造函數(shù)方式編寫一個構(gòu)造函數(shù)，通過new來調(diào)用構(gòu)造函數(shù)也可以創(chuàng)建對象。構(gòu)造函數(shù)可以帶有參數(shù)。示例：6.18ConstructorEG.html-16-functionfuncName(){ perty=value; ......其他屬性; this.methodName=function(){......}; ......其他方法}自定義對象-原型和混合方式原型方式通過原型的方式也可以創(chuàng)建對象。示例：6.19PrototypeEG.html混合方式在實際應(yīng)用中，通常采用構(gòu)造函數(shù)和原型兩者混合的方式來創(chuàng)建JS對象。示例：6.20CompositeEG.html-17-小結(jié)-18-JavaScript對象是由屬性和方法構(gòu)成的常用的JavaScript對象有Array、String、Date和Math等數(shù)組是常用的一種數(shù)據(jù)結(jié)構(gòu)，可用來存儲一系列的數(shù)據(jù)字符串對象封裝了一個字符串類型的值，并且提供了相應(yīng)的操作字符串的方法Date日期對象可用來獲取系統(tǒng)時間，并設(shè)置新的時間