DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中Array對象用法實例總結
JavaScript中Array對象用法實例總結
編輯:關於JavaScript     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved