JavaScript中Array對象用法執行個體總結_javascript技巧

來源:互聯網
上載者:User

本文執行個體講述了JavaScript中Array對象用法。分享給大家供大家參考,具體如下:

Array數組對象有很多常用的方法和屬性,現總結如下:

1. length屬性,擷取數組中元素的個數。

2. concat()方法,串連兩個數組。將兩個數組串連起來。樣本如下:

var names= new Array('Jack','Tom','Jim');var ages= new Array(12,32,44);var concatArray;concatArray=names.concat(ages);

這裡的concatArray就是姓名數組與年齡數組結合的新數組。

3. slice()方法,擷取數組中的部分數組元素。

一般有兩個參數,第一個表示起始位置,第二個表示結束位置(類似於substring)。值得注意的是截取的數組元素位於第二個參數位置之前。也就是說,如果第二個參數為4,就表示截取到第四個數組元素之前。

4. join()方法,將數組轉化成字串。這個方法是javascript的方法,在jQuery中也經常用到。樣本如下:

var myShopping=new Array("eggs","apple","milk");var myShoppingList = myShopping.join("<br>");document.write(myShoppingList);

這裡的myShoppingList就成了字串,內容為"eggs<br>apple<br>milk";

5. sort()方法,對數組中的元素進行排序,已首字母的順序進行排列,由小到大。

6. reverse()方法,對數組中的元素進行翻轉,前後掉個頭。

如果將sort()方法與reverse()方法結合,就能達到逆序排列的效果。

也就是先排序,再翻個,這樣就達到逆序的效果了。

下面是一個小綜合的例子:

<script type='text/javascript'>  var myShopping = new Array("Eggs","Milk","Potatoes","Banana","Cereal");  var ord = parseInt(prompt("Enter 1 for alphabetical order,and -1 for reverse order",1));  switch(ord)  {    case 1:    myShopping.sort();    myShopping = myShopping.join("<br>");    document.write(myShopping);    break;    case -1:    myShopping.sort();    myShopping.reverse();    myShopping = myShopping.join("<br>");    document.write(myShopping);    break;    default:    document.write("That not a valid input.");    break;  }</script>

這個小例子就是運用了數組對象中的排序方法和翻轉方法以及join方法的小樣本。如果輸入為1就進行順序排列並輸出,如果為-1就進行逆序排列並輸出。

更多關於JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript數組操作技巧總結》、《JavaScript遍曆演算法與技巧總結》、《JavaScript數學運算用法總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript尋找演算法技巧總結》、《JavaScript動畫特效與技巧匯總》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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