《Web前端技術(shù)（HTML+CSS+JavaScript）》課件-第8章 Javascript數(shù)據(jù)結(jié)構(gòu)

第8章Javascript數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)目標(biāo)123了解JavaScript中數(shù)組的概念掌握J(rèn)avaScript中數(shù)組的定義掌握J(rèn)avaScript中數(shù)組的應(yīng)用本章架構(gòu)★★★8.1使用JavaScript數(shù)組8.2使用JavaScript對(duì)象8.3綜合案例8.1使用JavaScript數(shù)組8.1使用JavaScript數(shù)組JavaScript中的數(shù)組是指存儲(chǔ)具有相同數(shù)據(jù)類型的一個(gè)或多個(gè)值的集合。由于JavaScript是一種弱類型的語(yǔ)言，所以在數(shù)組中的每個(gè)元素的類型可以是不同的，數(shù)組元素類型是數(shù)字型、字符串型和布爾類型。JavaScript中的數(shù)組也需要先創(chuàng)建、賦值，再訪問(wèn)數(shù)組元素，并通過(guò)數(shù)組的一些方法和屬性對(duì)數(shù)組進(jìn)行處理。1JavaScript數(shù)組概念8.1使用JavaScript數(shù)組數(shù)組的創(chuàng)建方式如下：指定數(shù)組長(zhǎng)度語(yǔ)法：vararrs=newArray(10);//規(guī)定了數(shù)組的長(zhǎng)度10指定數(shù)組元素語(yǔ)法：vararrs=newArray(“北京”,“上?！?”廣州”,”深圳”);創(chuàng)建數(shù)組直接量語(yǔ)法：vararrs=[“123”,“true”,”false”,”JavaScript”];2創(chuàng)建數(shù)組8.1使用JavaScript數(shù)組數(shù)組用同一個(gè)名稱存儲(chǔ)一系列的值，用下標(biāo)區(qū)分?jǐn)?shù)組中的每個(gè)值，數(shù)組的下標(biāo)從0開始。例如：已知定義數(shù)組的語(yǔ)句：varcars=["Saab","Volvo","BMW"];，則：cars[0]=“Saab”;cars[1]=“Volvo”;cars[2]=“BMW”;3訪問(wèn)數(shù)組8.1使用JavaScript數(shù)組例8-1chapter08_01.html4演示JavaScript數(shù)組的定義和應(yīng)用8.1使用JavaScript數(shù)組5數(shù)組Array對(duì)象方法中常用屬性和方法類別名稱描述屬性length設(shè)置或返回?cái)?shù)組元素的個(gè)數(shù)。方法push()向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長(zhǎng)度。pop()刪除數(shù)組的最后一個(gè)元素并返回刪除的元素。concat()連接兩個(gè)或更多的數(shù)組，并返回結(jié)果。shift()刪除并返回?cái)?shù)組的第一個(gè)元素。unshift()向數(shù)組的開頭添加一個(gè)或更多元素，并返回新的長(zhǎng)度。sort()對(duì)數(shù)組的元素進(jìn)行排序。toString()把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。valueOf()返回?cái)?shù)組對(duì)象的原始值。reverse()反轉(zhuǎn)數(shù)組的元素順序。splice()從數(shù)組中添加或刪除元素。8.1使用JavaScript數(shù)組例8-2chapter08_02.html6演示JavaScript數(shù)組Array對(duì)象方法的應(yīng)用8.2使用JavaScript對(duì)象8.2使用JavaScript對(duì)象對(duì)象的概念首先來(lái)自于客觀世界的認(rèn)識(shí)，它用于描述客觀世界存在的特定實(shí)體。在JavaScript中，幾乎“所有事物”都是對(duì)象。布爾是對(duì)象（如果用new關(guān)鍵詞定義）數(shù)字是對(duì)象（如果用new關(guān)鍵詞定義）字符串是對(duì)象（如果用new關(guān)鍵詞定義）日期永遠(yuǎn)都是對(duì)象算術(shù)永遠(yuǎn)都是對(duì)象正則表達(dá)式永遠(yuǎn)都是對(duì)象數(shù)組永遠(yuǎn)都是對(duì)象函數(shù)永遠(yuǎn)都是對(duì)象對(duì)象永遠(yuǎn)都是對(duì)象1對(duì)象含義8.2使用JavaScript對(duì)象每個(gè)對(duì)象包含兩個(gè)元素：屬性和方法。通過(guò)訪問(wèn)或設(shè)置對(duì)象的屬性，并且調(diào)用對(duì)象的方法。對(duì)象的屬性：是指帶有特定的性質(zhì)比如圖像帶有長(zhǎng)和寬。

語(yǔ)法格式：對(duì)象名.屬性名對(duì)象的方法：是指對(duì)象的使用方式，比如日期對(duì)象獲取年月份。

語(yǔ)法格式：對(duì)象名.方法名1對(duì)象含義8.2使用JavaScript對(duì)象例8-3chapter08_03.html2對(duì)象的應(yīng)用8.3綜合案例8.3綜合案例下面通過(guò)綜合案例，來(lái)進(jìn)一步深入理解和掌握本章涉及的知識(shí)點(diǎn)與技術(shù)點(diǎn)。在這個(gè)頁(yè)面中，顯示3個(gè)下拉列表，分別對(duì)應(yīng)省份、市、區(qū)；選擇某個(gè)省份，控制市、區(qū)信息，選擇市信息，控制區(qū)的信息。本章總結(jié)