新聞中心

EEPW首頁(yè) > 嵌入式系統(tǒng) > 牛人業(yè)話(huà) > Javascript系列之-類(lèi)型和對(duì)象示例 (待續(xù))

Javascript系列之-類(lèi)型和對(duì)象示例 (待續(xù))

作者: 時(shí)間:2014-10-24 來(lái)源:網(wǎng)絡(luò) 收藏

  在我們前往探尋這門(mén)語(yǔ)言的高級(jí)特性之前,熟悉的各種是非常重要的。稍后我們就來(lái)看看或者叫Document Object Model,中的function,測(cè)試,調(diào)試等更多特性。然而在我們走到那一步之前,我們需要對(duì)這門(mén)語(yǔ)言的基礎(chǔ)特性做個(gè)詳細(xì)的了解。通過(guò)我們之前文章的介紹,這篇示例就是要確保我們都消化了這門(mén)語(yǔ)言的一些概念,咱們開(kāi)始吧!

本文引用地址:http://2s4d.com/article/264389.htm

  創(chuàng)建數(shù)組

  我們已經(jīng)介紹過(guò)如何使用變量以及存儲(chǔ)數(shù)據(jù)到變量中,相當(dāng)容易?;貞浵?,只需要使用關(guān)鍵詞var,緊跟一個(gè)變量名稱(chēng),然后給它賦值。變量中想存什么都可以,但同時(shí)只可存儲(chǔ)一個(gè)值。而Arrays就不一樣了,可以存儲(chǔ)許多的值。

  上面這一行代碼,我們創(chuàng)建了一個(gè)變量,它可以存儲(chǔ)多個(gè)值。本質(zhì)上來(lái)說(shuō),我們只是將一個(gè)空白的數(shù)組賦值給名字為manyvalues的變量。

  我們有許多方法為數(shù)組賦值。來(lái)看看有哪些方法。

  通過(guò)索引賦值

  我們可以顯示給數(shù)組的任何位置賦值。

WoW!success 看看多簡(jiǎn)單!我們可以往數(shù)組中存儲(chǔ)任何我們喜歡的值??梢苑舠tring,number,boolean,function,object啥都行。咱的數(shù)組都會(huì)開(kāi)心的全盤(pán)接受。

  我們也可以通過(guò)索引來(lái)得到任何位置的值。數(shù)組中已經(jīng)有值,來(lái)獲取下:

  試試數(shù)組的便捷寫(xiě)法

  前面部分已經(jīng)介紹了如何創(chuàng)建數(shù)組,而且好像有點(diǎn)兒麻煩。我們其實(shí)可以省略到一些步驟,有種簡(jiǎn)單的語(yǔ)法就可以做到。我們直接使用{}1就ok了,花括號(hào)中間直接放置我們想要的值就可以了。下面這段代碼介紹下:

  
?????? 這樣寫(xiě)完全沒(méi)有問(wèn)題,而且省略了很多不必要的代碼。由于Javascript本質(zhì)上個(gè)是直接忽略空格字符的,那我們就可以將上面的寫(xiě)法再簡(jiǎn)化一下,變的更可讀。移去空格之后還是一樣的。你可以使用任何你想要的格式去寫(xiě),只要語(yǔ)法和結(jié)尾的分號(hào)都符合Javascript規(guī)則就OK。

  
??????Javascript數(shù)組是

  由于Javascript中的數(shù)組是,因此我們就可以用偽類(lèi)的寫(xiě)法來(lái)創(chuàng)建一個(gè)數(shù)組。之所以是偽類(lèi),是因?yàn)镴avascript實(shí)際上都沒(méi)有類(lèi)。正如大家可能熟知的其他語(yǔ)言所使用的概念一樣,對(duì)象是類(lèi)的一個(gè)實(shí)例。Javascript不是基于類(lèi)的,而是基于原型的,那這咱就會(huì)相當(dāng)?shù)囊苫竽菍?duì)象是哪來(lái)的!實(shí)際上,它的意思是對(duì)象是直接繼承于其他對(duì)象的,實(shí)在是還有點(diǎn)迷糊哈。不管咋說(shuō),我們是在講數(shù)組呢,下面演示如何使用偽類(lèi)來(lái)初始化數(shù)組:


  數(shù)組的屬性和方法

  既然在Javascript中數(shù)組是對(duì)象,那它就有內(nèi)置的屬性和方法。下面就演示下數(shù)組對(duì)象可以使用屬性和方法。例子是按照一定順序的。

  Array.length

  數(shù)組的length是一個(gè)非常方便的屬性,它讓我們可以迅速的找到數(shù)組的長(zhǎng)度。如下的例子可以看到,我們?cè)趍anyvalues中存儲(chǔ)了三個(gè)不同的字符串。然后通過(guò)console.log來(lái)輸出數(shù)組的length屬性。輸出為3!記住數(shù)組長(zhǎng)度是3,但是索引的最大值是2,因?yàn)閿?shù)組索引是以0開(kāi)始的。之后就來(lái)演示下如何使用for關(guān)鍵字來(lái)遍歷數(shù)組中的值:


  這樣我們就可以很好的控制從數(shù)組中輸出多少數(shù)據(jù)了。

FOR-LOOP-ARRAY

  Javascript數(shù)組的方法

   Array Objects也有方法。方法就是屬于一個(gè)對(duì)象的function,Javascript中調(diào)用方法的方式是用.來(lái)實(shí)現(xiàn)的:

  
????? 駝峰寫(xiě)法不是必須的,僅僅是為了更清晰的展示出對(duì)象和方法各自部分。

  Array.reverse()

  這個(gè)漂亮的內(nèi)置方法將一個(gè)數(shù)組中的值倒序并返回新序的數(shù)組。看如下演示:


Array-Reverse

  Array.sort()

  我們可以使用內(nèi)置的sort方法來(lái)為數(shù)組排序:


Array-Sort

  Array.pop()

  將數(shù)組的最后一個(gè)值彈出在許多場(chǎng)景中都是非常有用的。pop()

Array-Pop

  Mozilla-Developers-Network有詳細(xì)的關(guān)于數(shù)組的一些介紹,大家可以去看看。

  數(shù)組是非常常用的

  你或許疑惑數(shù)組在Javascript中到底有啥用。數(shù)組常用,特別是在Dom對(duì)象操作中會(huì)經(jīng)常用到。我們還沒(méi)有介紹過(guò)Dom,之后會(huì)介紹。下面來(lái)介紹下數(shù)組在文檔操作中的是如何發(fā)威的:

  document.getElementsByTagName()



評(píng)論


相關(guān)推薦

技術(shù)專(zhuān)區(qū)

關(guān)閉