萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS中數組Array的用法示例介紹

JS中數組Array的用法示例介紹

 這篇文章主要介紹了JS中數組Array的用法,需要的朋友可以參考下

new Array()  new Array(len)  new Array([item0,[item1,[item2,...]]]  使用數組對象的方法:  var objArray=new Array();  objArray.concact([item1[,item2[,....]]]-------------------將參數列表連接到objArray的後面形成一個新的數組並返回,原有數組不受影響。如:var arr=["a","b","c"];  arr.concact("d","e");  將返回包括從"a"到"e"字母元素的數組。而arr本身不受影響。  objArray.join(separator)-----------------以separator指定的字符作為分割符,將數組轉換為字符串,當seperator 為逗號時,其作用和toString()相同。  objArray.pop()---------通俗的講,就是彈出數組的最後一個元素。結合下面的push方法,使得將數組作為棧來使用成為可能。pop方法返回數組最後一個元素的值,並將length屬性減1,即返回後立即丟失最後一個元素。  objArray.push([value1[,value2[,....]]])-------------將參數添加到數組的結尾。如:[1,2,3, 4].push("a","b")將得到[1,2,3,4,"a","b"]  objArray.reverse()將數組中的元素反轉排列。如:[1,2,3].reverse()將得到[3,2,1],這個操作是在原有數組上經行操作,同時也返回數組本身  objArray.shift()-----------移去數組的第一個元素,並返回這個元素的值。這個方法的性質和pop方法很類似,pop方法是移去最後一個元素。  objArray.slice(start,end)----------- 返回數組對象的一個子集,索引從start開始(包括 start),到end結束(不包括end),原有數組不受影響。如:[1,2,3,4,5,6].slice(1,4)將得到[2,3,4]。當 start或者end為負數時,則使用他們加上length後地值。如:[1,2,3,4,5,6].slice(-4,-1)將得到[3,4,5]。如果end小於等於start,將返回空數組。  objArray.sort(comparefn)------- 根據comparefn定義的大小比較函數,對一個數組進行排序。函數comparefn必須接受兩個參數element1,element2,如果需要需要element1排在element2之前,應該返回一個負數;如果需要element1排在element2之後,應該返回一個正數,如果兩個數平等對待(即保持原有順序)則返回0。當省略comparefn時,則元素按照字典順序排列。如:對定義的比較函數cmp: function cmp(e1,e2){return e1-e2;}則[3,4,2,7].sort(cmp)將得到[2,3,4,7].  objArray.splice(start,deleteCount[,item1,item2[,...]]]) 這是一個復雜的函數,用於完成數組元素的刪除 取代和插入操作。其中,start參數表示要進行操作的索引位置,deleteCount指從start開始要刪除的元素的元素個數(包括了start位置),如果deleteCount省略,則表示從start開始要刪除數組的剩余部分。[,item1[,item2[,...]]]則表示可選的插入到start之前的元素列表。如:  var arr=[0,1,2,3,4,5,6];  arr.splice(1,1);  document.write(arr);//顯示“0,2,3,4,5,6”  arr=[0,1,2,3,4,5,6];  arr.splice(0,0,"a","b");  document.write(arr);//顯示“a,b,0,1,2,3,4,5,6"  arr=[0,1,2,3,4,5,6];  arr.splice(3,2,"c","d");  document.write(arr);//顯示"0,1,2,c,d,5,6"  objArray.unshift(item1[,item2[,...]]])------------------- 將參數列表插入到數組的開頭。其性質和push方法類型,但push方法是將元素添加到數組的結尾。如: [1,2,3,4].unshift("a","b")將得到["a","b",1,2,3,4]。    js數組元素的添加和刪除一直比較迷惑,今天終於找到詳細說明的資料了,先給個我測試的代碼^-^  var arr = new Array();  arr[0] = "aaa";  arr[1] = "bbb";  arr[2] = "ccc";  //alert(arr.length);//3  arr.pop();  //alert(arr.length);//2  //alert(arr[arr.length-1]);//bbb  arr.pop();  //alert(arr[arr.length-1]);//aaa  //alert(arr.length);//1    var arr2 = new Array();  //alert(arr2.length);//0  arr2[0] = "aaa";  arr2[1] = "bbb";  //alert(arr2.length);//2  arr2.pop();  //alert(arr2.length);//1  arr2 = arr2.slice(0,arr2.length-1);  //alert(arr2.length);//0  arr2[0] = "aaa";  arr2[1] = "bbb";  arr2[2] = "ccc";  arr2 = arr2.slice(0,1);  alert(arr2.length);//1  alert(arr2[0]);//aaa  alert(arr2[1]);//undefined    shift:刪除原數組第一項,並返回刪除元素的值;如果數組為空則返回undefined  var a = [1,2,3,4,5];  var b = a.shift(); //a:[2,3,4,5] b:1    unshift:將參數添加到原數組開頭,並返回數組的長度  var a = [1,2,3,4,5];  var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7  注:在IE6.0下測試返回值總為undefined,FF2.0下測試返回值為7,所以這個方法的返回值不可靠,需要用返回值時可用splice代替本方法來使用。    pop:刪除原數組最後一項,並返回刪除元素的值;如果數組為空則返回undefined  var a = [1,2,3,4,5];  var b = a.pop(); //a:[1,2,3,4] b:5//不用返回的話直接調用就可以了    push:將參數添加到原數組末尾,並返回數組的長度  var a = [1,2,3,4,5];  var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7    concat:返回一個新數組,是將參數添加到原數組中構成的  var a = [1,2,3,4,5];  var b = a.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]    splice(start,deleteCount,val1,val2,...):從start位置開始刪除deleteCount項,並從該位置起插入val1,val2,...    在清空數組時,只需傳遞startIndex。    如果不刪除所有元素,再傳遞deleteCount參數。    splice還具有先刪除後添加的功能,即先刪除幾個元素,然後在刪除的位置再添加若干元素,刪除與添加的元素的個數沒有必須相等,這時侯deleteCount也是要用到的。  var a = [1,2,3,4,5];  var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4]  var b = a.splice(0,1); //同shift  a.splice(0,0,-2,-1); var b = a.length;//同unshift  var b = a.splice(a.length-1,1);//同pop  a.splice(a.length,0,6,7); var b = a.length; //同push    reverse:將數組反序  var a = [1,2,3,4,5];  var b = a.reverse(); //a:[5,4,3,2,1] b:[5,4,3,2,1]    sort(orderfunction):按指定的參數對數組進行排序  var a = [1,2,3,4,5];  var b = a.sort(); //a:[1,2,3,4,5] b:[1,2,3,4,5]    slice(start,end):返回從原數組中指定開始下標到結束下標之間的項組成的新數組  var a = [1,2,3,4,5];  var b = a.slice(2,5); //a:[1,2,3,4,5] b:[3,4,5]    join(separator):將數組的元素組起一個字符串,以separator為分隔符,省略的話則用默認用逗號為分隔符  var a = [1,2,3,4,5];  var b = a.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"    再給個利用數組模擬javaStringBuffer處理字符串的方法:   代碼如下: /**  * 字符串處理函數  */  function StringBuffer() {  var arr = new Array;  this.append = function(str) {  arr[arr.length] = str;  };    this.toString = function() {  return arr.join("");//把append進來的數組ping成一個字符串  };  }    今天在應用中突然發現join是一種把數組轉換成字符串的好方法,故封裝成對象使用了:   代碼如下: /**  *把數組轉換成特定符號分割的字符串  */  function arrayToString(arr,separator) {  if(!separator) separator = "";//separator為null則默認為空  return arr.join(separator);  }    /**  * 查找數組包含的字符串  */  function arrayFindString(arr,string) {  var str = arr.join("");  return str.indexOf(string);  }     
copyright © 萬盛學電腦網 all rights reserved