首頁 > 開發者 > JavaScript

javascript對象之Array數組詳解

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

對於數組的概念，大家應該都不陌生了吧，早在學校裡我們所學的數學中就應對數組的定義和用法做了詳細的解釋，只不過程式設計語言中對數組的定義和使用略有區別而已，另外數學中並沒有數組的一些屬性和方法。其實我們在講解php語言的時候，已經牽扯到了程式設計語言中數組的概念和用法，而我們今天的教程僅僅是為了加深這種概念，並列舉出數組的一些常用屬性及方法。在上一章節我們主要對日期對象進行了詳細的探討，如果您還沒有來的及讀到上一篇文章，那麼我們這裡有一個快捷通道《javascript之Date日期對象詳解》。
我們先來看看定義數組的標準語句：

  1. //定義數組的標準語句   
  2. var 數組名稱=new Array()  

在定義了數組之後，我們該如何為數組賦值呢？也就是說，我們該如何為建立的數組添加元素呢？
其實我們有三種方法來進行建立，第一種和第二種方法是差不多的，唯一的區別是在數組的參數中增加了元素的數量，請看下面的代碼：

  1. //我們在建立數組時也可以不在數組參數中加入元素數量   
  2. //如下面的代碼第一句也可以寫成：   
  3. //var carsname=new Array()   
  4. //子寒互動視覺原創教程，轉載請保留原文出處，謝謝合作
      
  5. var carsname=new Array(4)   
  6. carsname[0]="寶馬"  
  7. carsname[1]="平治"  
  8. carsname[2]="路虎"  
  9. carsname[3]="悍馬"  

除了上面的兩種方法外，我們也可以將數組的元素直接作為參數來進行書寫，其代碼如下：

  1. var carsname=new Array("寶馬","平治","路虎","悍馬")  

建立了數組之後，我們可能需要訪問其數組元素，下面是其標準的訪問語句：

  1. //訪問數組的第一個元素   
  2. document.write(carsname[0])  

除了訪問數組元素之外，有時我們還需要對數組的元素進行重新賦值或修改，請看下面的代碼：

  1. //根據上面的代碼   
  2. //那麼原來第一個元素為寶馬   
  3. //現在重新對其進行賦值之後   
  4. //數組的第一個元素的值便為賓利了   
  5. mycars[0]="賓利";  

對數組的基本用法，我們有所瞭解了之後，就要看看數組的幾種方法了，請看下面的具體講解：
1.使用concat()方法來合并兩個數組：

  1. <html>   
  2. <body>   
  3. //使用concat()方法來合并兩個數組的樣本   
  4. <script type="text/javascript">   
  5. //第一個數組中包含3個元素   
  6. var myAV = new Array(3)   
  7. arr[0] = "蒼井空"  
  8. arr[1] = "麻生希"  
  9. arr[2] = "波多野結衣"  
  10. //第二個數組中同樣包含3個元素   
  11. var myAV2 = new Array(3)   
  12. arr2[0] = "紅音瑩"  
  13. arr2[1] = "木下柚花"  
  14. arr2[2] = "吉澤明步"  
  15. //將兩個數組進行合并   
  16. document.write(myAV.concat(myAV2))   
  17. //最後輸出結果應為：   
  18. //蒼井空,麻生希,波多野結衣,紅音瑩,木下柚花,吉澤明步   
  19. </script>   
  20. </body>   
  21. </html>  

2.使用join()方法來將數組中的所有元素組成一個字串的形式，請看下面的範例程式碼：

  1. <html>   
  2. <body>   
  3. //將數組中的所有元素組成一個字串   
  4. <script type="text/javascript">   
  5. //建立包含三個元素的數組   
  6. var mystory = new Array(3);   
  7. mystory[0] = "陽光"  
  8. mystory[1] = "月光"  
  9. mystory[2] = "光光"  
  10. //將數組元素連成字串的形式   
  11. //輸出結果為：陽光,月光,光光   
  12. document.write(mystory.join());   
  13. document.write("<br />");   
  14. //更改各個字串之間的間隔符   
  15. //輸出結果為：陽光.月光.光光   
  16. document.write(mystory.join("."));   
  17. </script>   
  18. </body>   
  19. </html>  

3.使用sort()方法對數組中的元素進行排序，這種排序我們將從兩種形式進行講解，一種是對字母進行排序，而另外一種則是對數字進行排序，首先讓我們先看怎麼對字母進行排序（按照首字母的順序進行排序，當第一個字元相同時，則從第二位順延），比如下面的代碼：

  1. <html>   
  2. <body>   
  3. //按照字母順序對數組的元素進行排序   
  4. <script type="text/javascript">   
  5. //建立一個具有6個元素的數組   
  6. var demo = new Array(6)   
  7. demo[0] = "cat"  
  8. demo[1] = "car"  
  9. demo[2] = "more"  
  10. demo[3] = "top"  
  11. demo[4] = "first"  
  12. demo[5] = "god"  
  13. document.write(demo + "<br />")   
  14. //不給sort()任何參數則表示預設的按字母順序進行排列   
  15. //當第一個字母相同，則從第二位依然順延比較   
  16. document.write(demo.sort())   
  17. //因為結果為：car,cat,first,god,more,top 
      
  18. </script>   
  19. </body>   
  20. </html>  

下面我們再來看看對數字進行排序，這樣就要在sort()方法中加入參數了，請看下面的樣本：

  1. <html>   
  2. <body>   
  3. <script type="text/javascript">   
  4. function demoNumber(x,y)   
  5. {   
  6. return x - y   
  7. }   
  8. var arrdemo = new Array(6)   
  9. arrdemo[0] = "300"  
  10. arrdemo[1] = "60"  
  11. arrdemo[2] = "75"  
  12. arrdemo[3] = "80"  
  13. arrdemo[4] = "980"  
  14. arrdemo[5] = "66"  
  15. document.write(arrdemo + "<br />")   
  16. //注意其參數為我們上面建立的函數   
  17. //結果為：60,66,75,80,300,980   
  18. document.write(arrdemo.sort(demoNumber))   
  19. </script>   
  20. </body>   
  21. </html>  

4.for……in判斷語句判斷某個元素是否在數組中，請看下面的樣本：

  1. <html>   
  2. <body>   
  3. //遍曆數組的用法   
  4. <script type="text/javascript">   
  5. var i   
  6. var carsdemo = new Array()   
  7. carsdemo[0] = "福特"  
  8. carsdemo[1] = "雪弗蘭"  
  9. carsdemo[2] = "標緻"  
  10. for (i in carsdemo)   
  11. {   
  12. document.write(carsdemo[i] + "<br />")   
  13. }   
  14. </script>   
  15. </body>   
  16. </html>  

<html>

<body>

<script type="text/javascript">
function demoNumber(x,y)   
{   
return x - y   
}   
var arr = new Array(6)
arr[0] = 3
arr[1] = 9
arr[2] = 5
arr[3] = 12
arr[4] = 6
arr[5] = 1
arr[5] = 2
document.write(arr + "<br />")
document.write(arr.sort(demoNumber))

</script>

</body>
</html>
轉自http://www.xmlas.com/javascript-array-object.html

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
php array to javascript array javascript array to php array javascript push array into array concat in javascript array check array in javascript javascript 2d array initialization javascript add to array
相關文章
漂亮簡單Javascript 調色盤代碼
javascript的indexOf忽略大小寫方法_javascript技巧
JavaScript的parseInt 取整使用
用js一招破解所有網頁的加密原始碼的方法
Wireshark基本介紹和學習TCP三向交握，wiresharktcp
jQuery AJAX timeout 逾時問題詳解，jqueryajax

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More