javascript學習筆記(五) Array 陣列類型介紹_基礎知識

陣列的建立
第一種：

複製程式碼 程式碼如下:

程式碼如下:


var color = new Array();

var colors = new Array(20);//建立包含20項的陣列
var colors = new Array("Greg");//建立包含1項，即字串"Greg"的陣列
var colors = new Array("red","blue","green"); //建立包含3項

第二種：

複製程式碼

程式碼如下:

var colors = ["red","blue","green""] ;
var colors = [];//建立一個空數組


注意：陣列的索引是從0開始的

1. length屬性length屬性中儲存陣列的項數，如：

複製程式碼

程式碼如下:

var colors = ["red","blue","green"];
alert(colors.length); //3

length屬性不是唯讀的，可以利用length屬性在陣列的末尾移除項，或者添加新的項，如：

複製代碼

代碼如下:


var colors = ["red","blue","green"];
colors.length = 2;

alert(colors); //red,blue
colors[colors.length] = "black";
alert(colors); //red,blue,black

2.join()方法，連接陣列中的項目

複製程式碼

程式碼如下:

var colors = ["red","blue","green"];
alert( colors.join(",")); //red,blue,green
alert(colors.join("||")); //red||blue||green

3.數組的堆疊方法：push()和pop() push()方法可以接受任意數量的參數把它們逐個添加的數組的末尾，並返回修改後數組的長度pop()方法從陣列最後移除最後一項，減少陣列的length值，傳回移除的項目

複製程式碼

程式碼如下:


var colors = new Arrary(); //建立一個陣列
var count = colors.push("red","green"); //推入兩項到陣列結尾
alert(count); //2
count = colors.push("black"); //推入一項到陣列結尾
alert(count); //3

var item = colors.pop(); //移除最後一項並傳回該值
alert(item); //"black"
alert(count); //2


4.數組的隊列方法：push()和shift()、unshift()

push()方法同上shift()方法移除數組中的第一項並返回該項，數組長度減1 unshift()方法在陣列前端新增任意項，並傳回新陣列的長度

複製程式碼

程式碼如下:


var colors = new Arrary(); //建立一個陣列
var count = colors.push("red","green"); //推入兩項到陣列結尾
alert(count); //2
count = colors.push("black"); //推入一項到陣列結尾
alert(count); //3
var item = colors.shift(); //移除第一項並傳回該值
alert(item); //"red"
alert(colors); //green,black

count = colors .unshift("blue"); //推入一項到陣列前端
alert(count); //3
alert(colors); //blue,green,black

5.重排序方法：reverse()和sort() reverse()方法反轉數組項目的順序sort()方法預設按字串大小升序排列數組項,可以接受一個比較大小的函數作為參數

複製程式碼

程式碼如下:

var values = [1,2, 3,4,5];
values.reverse();

alert(values); //5,4,3,2,1

複製程式碼 程式碼如下:

//升序排序函數
function compare(value1,value2) {
if (value1 return -1; //降序改為1
} else if (value1 > value2) {
return 1; //降序改為-1
} else {
return 0;
}
}

複製程式碼 程式碼如下:

//陣列升序排列
var values = [0,1. 5,15,20,10];
values.sort(compare);
alert(values);//0,1,5,10,15,20

複製程式碼 程式碼如下:

//對於數值型可以用這個函數,升序
function compare (value1,value2) {
return value2 - value1;
}

6.陣列的一些方法：concat()方法、slice()方法和splice()方法
concat()方法將參數加到原數組末尾，返回新的數組，原始數組不變
slice()方法返回數組中的項，一​​個參數時返回指定位置到數組末尾所有的項，兩個參數時返回起始位置和結束位置之間的項(不包括結束位置)，原始數組不變
splice()方法向數組插入，刪除，或替換數組中的項，返回刪除的項(沒有刪除時回傳空數組)，原數組改變

複製程式碼 程式碼如下:

程式碼如下:



/concat()方法

var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","brown"]);

alert(colors); //red,green,blue alert(colors2); //red,green,blue,yellow,black,brown

複製程式碼


程式碼如下:


//slice()方法
var colors = ["red","green" ,"blue","yellow","black"];

var colors2 = colors.slice(1); //當一個參數時傳回指定位置到陣列結尾所有的項目
var colors3 = colors.slice (1,4); //兩個參數時傳回起始位置與結束位置之間的項目(不包含結束位置)

alert(colors2); //green,blue,yellow,black alert (colors3); //green,,blue,yellow

複製程式碼


程式碼
複製程式碼


程式碼

//splice()方法
//插入項，插入時指定3個參數：起始位置、0(要刪除的項)、要插入的項
var colors = [ "red","green","blue"];
var inserted = colors.splice(1,0,"yellow","orange"); //從位置1開始插入兩個項目

alert( colors); //red,yellow,orange,green,blue alert(inserted); //空數組//替換項，刪除時指定3個參數：起始位置、要刪除的項、要插入的任意項var colors = ["red","green","blue"]; var replaced = colors.splice(1,1,"black","brown") ; //刪除一項，插入兩項alert(colors); //red,black,browm,blue alert(replaced); //green