javascript 中數組使用方法匯總

來源:互聯網
上載者:User

 <script language="javascript">
 //Author :東閣
 //Date:2008-1-11
 //目的: 練習數組的基本操作

 /*
 由於javascript是一種無類型語言,所以一個數組的元素可以具有任意的資料類型,同一個數組的不同元素
 可以具有不同的類型,數組的元素設定可以包含其他數組,這樣就可以建立一個複雜的數組了.
 並且在這點上說javascript作為一種指令碼語言不同於那種嚴格的物件導向的c++.c#,java了.具有更高的靈活性.
 */

 /*
 *在javascript1.1和其後的版本中,數組是用建構函式Array()和運算子new來建立,
 可用以下的三種方式來建立javascript 中的數組.
 */
 var a=new Array();
 var b=new Array(5,4,3,"first","test,string");
 var c=new Array(20);

 a[1.23]="test";
 document.write("a[1.23]="+a[1.23]);
 //相信每位從強型別的程式設計語言學習javascript時,絕對會以為上面這種操作感到驚訝,
 //float資料也作數組的下標了,事實上                       並非如您所想       
 //javascript在您是用負數,浮點數,(或布爾型,對象,其他值時),javascript會將它轉換為一個字串
 //用產生的字串作為對象的屬性名稱字,而不是定義了一個新的數組元素
 //上面的執行個體事實就是為a 建立了一個名為:"1.23"的屬性.
 document.write("a.length="+a.length);
 document.write("b.length="+b.length);
 document.write("c.length="+c.length);

 a[3]="Test";
 document.write("<br />a[3]="+a[3]);
 document.write("<br/>a.length="+a.length);
 //以上測試也很明確我們用整數作為數組的下標是才會真正為數組添加一個元素,
 //這裡用數組的長度來體現了javascript的數組中的奧妙。

 //通過設定數組的length屬效能過截斷數組的長度。
 a.length=3;
 if (a[3]==undefined)
 {
  document.write("<br />在a.length="+a.length+"後,a[3]="+a[3]);
 }
 else
 {
    document.write("<br />在a.length="+a.length+"後,a[3]="+a[3]);
 }

 //這裡測試我們的多維陣列元素
 /*
 *javascript中實際上是不支援多維陣列
 *但是我們將一個一維數組的元素再賦給其一個一維數組,這樣就看起來就實現了多維陣列了,但
 實際上他還是個一維數組,這和我們理解c語言的數組時的那種想法一樣,但他們的實現機制是不一樣的。
 */
 var g=new Array(3);
 g[3]=a;
 g[3][2]="Test"
 document.write("<br />g[3][2]="+g[3][2]);
 
  //數組join()方法
  for (var i=0;i<20 ;i++ )
  {
 c[i]=i;
 document.write("<br />c[i]="+c[i]);
  }
  document.write("<br/>c的元素join()方法後是:"+c.join());
  //數組的reverse()方法
  c.reverse();
  document.write("<br />c的元素在reverse()方法再join()後的結果是:"+c.join("|"));

  //concat()方法的測試
  var h=new Array(1,2,3);
  h= h.concat([4,5]);
  //但是concat函數不會遞迴地展開一個元素為數組的數組。
  h=h.concat(6,7,[9,[10,20]]);
  document.write("<br />h.length="+h.length+"<br />"+h);
  document.write("h[8]="+h[8]);

  //slice()方法
  document.write("<br>h.slice(4,5)="+h.slice(4,5));
document.write("h.slice(5,9)="+h.slice(5,9))
//slice()方法:返回的數組包含有第一個參數指定的元素和那個元素開始到第二個參數指定的
//元素為止的元素但不包含第二個參數所指定的元素。

//splice()方法
//splice()方法是插入或刪除數組元素通用的方法。
/*
splice函數第一個參數指定了要插入或刪除的元素在數組中的位置。
第二個參數指定了要從數組中刪除的元個數
在第二參數之後可以有任意多個參數,它們指定的是從第一個參數指定的位置處插入的元素。
第一個元素及後續元素,做出相應的移動。
*/

document.write("<br />h.splice(8,1)後的h為::"+h.splice(8,1));
//document.write("<br />h.splice(8,0,'a','b','Test')後的h為::"+h.splice(8,0,'a','b','Test'));
h.splice(7,0,'a','b','Test');
document.write("<br />h.splice(7,0,'a','b','Test')後的h為:"+h);

//javascript中的數組作為堆棧時和php類似
//這點有趣更有用。
//以下是作為堆棧是使用的小執行個體
/*
push方法是將一個或多個新元素附加到數組的尾部,然後返回數組的新長度。
pop將刪除數組的最後一個元素,堅守數組的長度,返回他刪除的值。
*/
var stack=new Array();
stack.push(1,2);
document.write("<br>stack的元素是:"+stack);
document.write("<br />stack.length="+stack.length);
document.write("<br>stack.pop()返回的結果是:"+stack.pop());
document.write("<br />stack.length="+stack.length);

//以下是作為隊列使用的小執行個體
/*
unshift方法將一個或多個元素添加到數組元素的頭部,然後把已有的元素移動到下標最大的位置已騰出空間
,它返回的是主族的新長度。
方法shift是刪除並返回數組的第一個元素,然後將後面的所有元素都向前移動以填補第一個元素留下的空白。
*/
var list=[];
list.unshift(6,2);
document.write("<br >list的內容為:"+list);
document.write("<br>list的shift方法是:"+list.shift());

//此外就剩下,我們在java中熟悉的toString()方法 了
//It's a piece of cake!
document.write(c.toString());
//說白了,其實數組的toString()方法和無參數的join()的效果是完全相同
//OK,this's chapter for Array,that's all!

</script>

相關文章

聯繫我們

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