<meter id="pryje"><nav id="pryje"><delect id="pryje"></delect></nav></meter>
          <label id="pryje"></label>

          新聞中心

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

          Javascript系列之-類型和對象示例 (待續(xù))

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

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

          本文引用地址:http://www.ex-cimer.com/article/264389.htm

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

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

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

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

            通過索引賦值

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

          WoW!success 看看多簡單!我們可以往數(shù)組中存儲任何我們喜歡的值。可以放string,number,boolean,function,object啥都行。咱的數(shù)組都會開心的全盤接受。

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

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

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

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

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

            由于Javascript中的數(shù)組是,因此我們就可以用偽類的寫法來創(chuàng)建一個數(shù)組。之所以是偽類,是因為Javascript實際上都沒有類。正如大家可能熟知的其他語言所使用的概念一樣,對象是類的一個實例。Javascript不是基于類的,而是基于原型的,那這咱就會相當(dāng)?shù)囊苫竽菍ο笫悄膩淼?實際上,它的意思是對象是直接繼承于其他對象的,實在是還有點迷糊哈。不管咋說,我們是在講數(shù)組呢,下面演示如何使用偽類來初始化數(shù)組:


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

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

            Array.length

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


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

          FOR-LOOP-ARRAY

            Javascript數(shù)組的方法

             Array Objects也有方法。方法就是屬于一個對象的function,Javascript中調(diào)用方法的方式是用.來實現(xiàn)的:

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

            Array.reverse()

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


          Array-Reverse

            Array.sort()

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


          Array-Sort

            Array.pop()

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

          Array-Pop

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

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

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

            document.getElementsByTagName()



          關(guān)鍵詞: JS DOM JavaScript 類型 對象

          評論


          相關(guān)推薦

          技術(shù)專區(qū)

          關(guān)閉
          看屁屁www成人影院,亚洲人妻成人图片,亚洲精品成人午夜在线,日韩在线 欧美成人 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();