麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

深入JavaScript高級程序設計之對象、數組(棧方法,隊列方法,重排序方法,迭代方法)

2024-05-06 16:25:36
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了深入JavaScript高級程序設計之對象、數組(棧方法,隊列方法,重排序方法,迭代方法)的相關資料,需要的朋友可以參考下
 

繼承是OO語言中的一個最為人津津樂道的概念。 許多OO語言都支持兩種繼承方式:接口繼承和實現繼承。 接口繼承只繼承方法簽名,而實現繼承則繼承實際的方法。 如其所述,由于函數沒有簽名,在ECMAScript中無法實現接口繼承。 ECMAScript只支持實現繼承,而且其實現繼承主要是依靠原型鏈來實現的。

1.使用對象字面量定義對象

var person={};

使用這種方式創建對象時,實際上不會調用Object構造函數。

開發人員更喜歡對象字面量的語法。

2.有時候需要傳遞大量可選參數的情形時,一般來講使用對象字面量來封裝多個可選參數。

3.對象屬性的點表示法與方括號表示法的區別

(1)功能上:兩者沒區別

(2)但是方括號的有點是可以通過變量來訪問屬性

例如:

  var person={  name:"Nic"}

點表示法:person.name

方括號表示法:var prop=“name”;
                        person[prop]

(3)還有一個優點是:

如果屬性名中包含會導致語法錯誤的字符或者關鍵字,保留字時候,使用方括號不會錯

例如:person["first name"]="OK";

(4)通常,建議使用點表示法

4.創建數組的問題

var colors=[1,2,]    //不要這樣。這樣會創建一個包含2個或3個項的數組
var opy=[,,,,,]    //不要這樣。這樣會創建一個包含5個或6個項的數組

這是因為IE8及之前的版本在實現數組字面量方面有bug

使用字面量創建數組時,不會調用Array構造函數

5.如果設置某個值的索引超過了數組現有項數。

如:var color=[1,2,3]

color[3]時,數組會自動增加到該索引值加1的長度

這時,color[3]的值就是undefined

6.數組的length不只是只讀的。通過設置length該屬性,可以不斷向數組末尾添加新項。

7.數組轉換成字符串 toString() join()

array.toString()  //返回以逗號分隔的字符串array.valueOf()  //返回的還是數組array.join(",")  //也可以

8.數組的棧方法 push() pop()

棧是一種數據結構,也就是最新添加的項最早被移除(后進先出)。而棧中項的插入和移除,只發生在一個位置--棧的頂部。
ECMAScript提供了push()與pop()方法來實現這種棧。

push() 方法可向數組的末尾添加一個或多個元素,并返回新的長度。

pop() 方法用于刪除并返回數組的最后一個元素。

例子:

var arr=[];var count=arr.push('a','b');  //count=2arr.push('c');var item=arr.pop();  //移除最后一項 c item=c 并且改變數組長度

9.隊列方法 shift() unshift()

隊列數據的訪問規則是先進先出
ECMAScript提供了shift()來實現。
shift() 方法用于把數組的第一個元素從其中刪除,并返回第一個元素的值。
unshift() 方法可向數組的開頭添加一個或更多元素,并返回新的長度。

10.重排序方法 sort() reverse()

ECMAScript提供了sort()與reverse()來實現。

sort()會調用每個數組項的tostring()方法,比較得到的字符串來排序。

11.數組的拼接 concat()

concat() 方法用于連接兩個或多個數組。

該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。

12.slice() 方法可從已有的數組中返回選定的元素。 

13.位置方法:indexOf()與lastIndexOf()

14.迭代方法

ECMAScript5定義了下列5種方法,該5種方法都接收三個參數:數組項的值,該項在數組中的位置,數組對本身                                        

every(),filter(),forEach(),map(),some()

例子:

var num=[1,2,3,4];var res=num.every(function(item,index,array){  return (item>2)})  //false  必須每一項都大于2,才返回truevar res=num.some(function(item,index,array){  return (item>2)})  //true 只要有一個大于2,就返回truevar res=num.filter(function(item,index,array){  return (item>2)})  //[3,4]   var res=num.forEach(function(item,index,array){  return (item>2)})  //[1,4,9,16]  

javascript 數組對象中的迭代方法

/* javascript 數組對象中的迭代方法  * ECMAScript5為數組定義了5個迭代方法。每個方法都接受兩個參數,第一個是進行迭代的函數,第二個是該函數的作用域對象【可選】。  * 進行迭代的函數接受三個參數,第一個是數組中要進行迭代的元素的值,第二個是數組候總要進行迭代的元素的位置,第三個是迭代數組本身。 * 1. every()  對數組中的每一項運行給定的函數,如果該函數對每一項都返回true,則返回true  * 2. filter() 對數組中的每一項運行給定的函數,返回該函數返回true的項組成的數組。  * 3. forEach() 對數組中的每一項運行給定的函數,這個方法沒有返回值  * 4. map()   對數組中的每一項運行給定的函數,返回每次函數調用的結果組成的數組  * 5. some()  對數組中的每一項運行給定的函數,如果該函數對任意一項返回true,則返回true  *  * 這些迭代方法支持的瀏覽器有,IE9+,Firefox2+,Safari3+,Opera 9.5+,chrome  */ var num = [1,2,3,4,5,6,7,8,9]; var everyResult = num.every(function(item, index, array) {   if(item > 2) {     return true;   } }); alert(everyResult); var someResult = num.some(function(item) {   if(item > 2) {     return true;   } }); alert(someResult); var filterResult = num.filter(function(item) {   if(item > 2) {     return true;   } }); alert(filterResult); var mapResult = num.map(function(item) {   if(item > 2) {     return true;   } }); alert(mapResult); var forEachResult = num.forEach(function(item) {   if(item > 2) {     return true;   } }); alert(forEachResult); 


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 免费看黄色一级大片 | 国产精品视频一区二区三区四区国 | 亚洲成人夜色 | 国产成年人小视频 | 黄色网址在线播放 | 精品在线视频播放 | 一级做受大片免费视频 | 亚洲va久久久噜噜噜久牛牛影视 | 国产免费区 | 看免费的毛片 | 黄网站免费在线看 | 亚洲精品午夜国产va久久成人 | 91精品国产手机 | 国产精品成人一区二区三区吃奶 | 国产精品99久久久久久宅女 | 激情综合视频 | 国产精品亚洲综合一区二区三区 | 成人三级视频在线观看 | 黄色网址免费进入 | 福利一区二区三区视频在线观看 | 欧美特黄特色视频 | 久久久鲁 | 国产成年人小视频 | 九色国产 | 久久精品亚洲欧美日韩精品中文字幕 | 国产精选久久 | 青青草成人免费视频在线 | 亚洲欧美国产精品va在线观看 | 久久一区二区三区av | 一级电影在线观看 | 久章草影院 | 色视频在线观看 | 黄色大片免费网站 | 久草视频国产在线 | 久久亚洲一区二区三区成人国产 | fc2成人免费人成在线观看播放 | 5a级毛片| 欧美精品一区二区三区在线播放 | 久久久久国产成人精品亚洲午夜 | 成人在线视频一区 | 红桃一区 |