javascript aray 介紹

/JS數組方法彙總
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,...
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"

這麼做好處就，每當我們去請求時就不用每次還要調用一個方法去翻譯那個亂碼問題，也就是說我只要輸入一段Js代碼就可以了。
<div id="out"></div> 定義個 Div 顯示輸出的結果。
<script type="text/javascript">
<!--
var array = ["asp",
[
["asp.net","50,000,000 結果","0"],
["asp教程","817,000 結果","1"],
["asp源碼","1,370,000 結果","2"],
["aspire one","24,100,000 結果","3"],
["asp.net教程","702,000 結果","4"],
["asp空間","817,000 結果","5"],
["asp.net ajax","10,300,000 結果","6"],
["asp 源代碼","1,350,000 結果","7"],
["asp文件如何打開","570,000 結果","8"],
["asp.net mvc","1,480,000 結果","9"]
]
]
var StringBuing = new String; // 示例化一個字符串對象。
var arr = eval_r(array); // 用Eval返回數組對象。
for(var i=0,g;i<arr[1].length;i++)
{
g = arr[1][i];
StringBuing += "<div>"+g[0]+"</div>";
}
document.getElementByIdx_x_x("out").innerText = StringBuing;
// g：應該表示一個對象吧，這樣做我們也就不用寫 arr[1][i][0] 看起來好像有複雜是的，如果從新定義一個內部對象這樣看起就簡單多了，如：g = arr[1][i];如果要有多處應該到，這樣可以不用反覆寫重複代碼。
// g[0] 應該表示當前行的第一列，數據模式我們都應該知道，他就像一個網頁中的表格一樣，有行有列。如下顯示輸出結果，我只輸出的 g[0] 的第列。
// 輸入結果如下：
// <div>asp.net</div>
// <div>asp教程</div>
// <div>asp源碼</div>
// <div>aspire one</div>
// <div>asp.net教程</div>
// <div>asp空間</div>
// <div>asp.net ajax</div>
// <div>asp 源代碼</div>
// <div>asp文件如何打開</div>
// <div>asp.net mvc</div>
//-->
</script>

js 多維數組展開爲一維數組
2009-08-01 10:21
function parseArray(arr, ret){
for(var i=0;i<arr.length;i++){
if(arr[i].constructor == Array)
parseArray(arr[i],ret);
else
ret.push(arr[i]);
}
return ret;
}

var a=[1,2,3,[4,5,[6,7,8,[9,10],[11]]]];
parseArray(a,[]);

1、數組的創建

var arrayObj = new Array();　//創建一個數組

var arrayObj = new Array([size]);　//創建一個數組並指定長度，注意不是上限，是長度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　創建一個數組並賦值

要說明的是，雖然第二種方法創建數組指定了長度，但實際上所有情況下數組都是變長的，也就是說即使指定了長度爲5，仍然可以將元素存儲在規定長度以外的，注意：這時長度會隨之改變。

2、數組的元素的訪問

var testGetArrValue=arrayObj[1]; //獲取數組的元素值

arrayObj[1]= "這是新值"; //給數組元素賦予新的值

3、數組元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組結尾，並返回數組新長度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組開始，數組中的元素自動後移，返回數組新長度

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個或多個新元素插入到數組的指定位置，插入位置的元素自動後移，返回""。

4、數組元素的刪除

arrayObj.pop(); //移除最後一個元素並返回該元素值

arrayObj.shift(); //移除最前一個元素並返回該元素值，數組中元素自動前移

arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數量deleteCount的元素，數組形式返回所移除的元素

5、數組的截取和合並

arrayObj.slice(start, [end]); //以數組的形式返回數組的一部分，注意不包括 end 對應的元素，如果省略 end 將複製 start 之後的所有元素

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個數組（也可以是字符串，或者是數組和字符串的混合）連接爲一個數組，返回連接好的新的數組

6、數組的拷貝

arrayObj.slice(0); //返回數組的拷貝數組，注意是一個新的數組，不是指向

arrayObj.concat(); //返回數組的拷貝數組，注意是一個新的數組，不是指向

7、數組元素的排序

arrayObj.reverse(); //反轉元素（最前的排到最後、最後的排到最前），返回數組地址

arrayObj.sort(); //對數組元素排序，返回數組地址

8、數組元素的字符串化

arrayObj.join(separator); //返回字符串，這個字符串將數組的每一個元素值連接在一起，中間用 separator 隔開。

toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用

二、數組對象的3個屬性

1、length 屬性

Length屬性表示數組的長度，即其中元素的個數。因爲數組的索引總是由0開始，所以一個數組的上下限分別是：0和length-1。和其他大多數語言不同的是，JavaScript數組的length屬性是可變的，這一點需要特別注意。當length屬性被設置得更大時，整個數組的狀態事實上不會發生變化，僅僅是length屬性變大；當length屬性被設置得比原來小時，則原先數組中索引大於或等於length的元素的值全部被丟失。下面是演示改變length屬性的例子：

var arr=[12,23,5,3,25,98,76,54,56,76];

//定義了一個包含10個數字的數組

alert(arr.length); //顯示數組的長度10

arr.length=12; //增大數組的長度

alert(arr.length); //顯示數組的長度已經變爲12

alert(arr[8]); //顯示第9個元素的值，爲56

arr.length=5; //將數組的長度減少到5，索引等於或超過5的元素被丟棄

alert(arr[8]); //顯示第9個元素已經變爲"undefined"

arr.length=10; //將數組長度恢復爲10

alert(arr[8]); //雖然長度被恢復爲10，但第9個元素卻無法收回，顯示"undefined"

由上面的代碼我們可以清楚的看到length屬性的性質。但length對象不僅可以顯式的設置，它也有可能被隱式修改。JavaScript中可以使用一個未聲明過的變量，同樣，也可以使用一個未定義的數組元素（指索引超過或等於length的元素），這時，length屬性的值將被設置爲所使用元素索引的值加1。例如下面的代碼：

var arr=[12,23,5,3,25,98,76,54,56,76];

alert(arr.length);

arr[15]=34;

alert(arr.length);

代碼中同樣是先定義了一個包含10個數字的數組，通過alert語句可以看出其長度爲10。隨後使用了索引爲15的元素，將其賦值爲15，即arr[15]=34，這時再用alert語句輸出數組的長度，得到的是16。無論如何，對於習慣於強類型編程的開發人員來說，這是一個很令人驚訝的特性。事實上，使用new Array()形式創建的數組，其初始長度就是爲0，正是對其中未定義元素的操作，才使數組的長度發生變化。

由上面的介紹可以看到，length屬性是如此的神奇，利用它可以方便的增加或者減少數組的容量。因此對length屬性的深入瞭解，有助於在開發過程中靈活運用。

2、prototype 屬性

返回對象類型原型的引用。prototype 屬性是 object 共有的。

objectName.prototype

objectName 參數是object對象的名稱。

說明：用 prototype 屬性提供對象的類的一組基本功能。 對象的新實例“繼承”賦予該對象原型的操作。

對於數組對象，以以下例子說明prototype 屬性的用途。

給數組對象添加返回數組中最大元素值的方法。要完成這一點，聲明一個函數，將它加入 Array.prototype， 並使用它。

function array_max( )

{

var i, max = this[0];

for (i = 1; i < this.length; i++)

{

if (max < this[i])

max = this[i];

}

return max;

}

Array.prototype.max = array_max;

var x = new Array(1, 2, 3, 4, 5, 6);

var y = x.max( );

該代碼執行後，y 保存數組 x 中的最大值，或說 6。

3、constructor 屬性

表示創建對象的函數。

object.constructor //object是對象或函數的名稱。

說明：constructor 屬性是所有具有 prototype 的對象的成員。它們包括除 Global 和 Math 對象以外的所有 JScript 固有對象。constructor 屬性保存了對構造特定對象實例的函數的引用。

例如：

x = new String("Hi");

if (x.constructor == String) // 進行處理（條件爲真）。

或

function MyFunc {

// 函數體。

}

y = new MyFunc;

if (y.constructor == MyFunc) // 進行處理（條件爲真）。

對於數組來說：

y = new Array();

返回一個元素已經進行了排序的 Array 對象。

arrayobj.sort(sortfunction)
參數
arrayObj
必選項。任意 Array 對象。
sortFunction
可選項。是用來確定元素順序的函數的名稱。如果這個參數被省略，那麼元素將按照 ASCII 字符順序進行升序排列。
說明
sort 方法將 Array 對象進行適當的排序；在執行過程中並不會創建新的 Array 對象。

如果爲 sortfunction 參數提供了一個函數，那麼該函數必須返回下列值之一：

負值，如果所傳遞的第一個參數比第二個參數小。
零，如果兩個參數相等。
正值，如果第一個參數比第二個參數大。
示例
下面這個例子說明了 sort 方法的用法：

function SortDemo(){
var a, l; // 聲明變量。
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
l = a.sort(); // 排序數組。