JS數組方法彙總

時間 2019-12-09

原文原文鏈接

/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"javascript

這麼作好處就，每當咱們去請求時就不用每次還要調用一個方法去翻譯那個亂碼問題，也就是說我只要輸入一段Js代碼就能夠了。
<div id="out"></div> 定義個 Div 顯示輸出的結果。
<script type="text/javascript">

</script>
java

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;
}ajax

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

一、數組的建立數組

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

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

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

要說明的是，雖然第二種方法建立數組指定了長度，但實際上全部狀況下數組都是變長的，也就是說即便指定了長度爲5，仍然能夠將元素存儲在規定長度之外的，注意：這時長度會隨之改變。測試

二、數組的元素的訪問ui

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

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

三、數組元素的添加

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

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

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

四、數組元素的刪除

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

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

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

五、數組的截取和合並

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

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

六、數組的拷貝

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

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

七、數組元素的排序

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

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

八、數組元素的字符串化

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

toLocaleString 、toString 、valueOf：能夠看做是join的特殊用法，不經常使用

2、數組對象的3個屬性

一、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屬性的深刻了解，有助於在開發過程當中靈活運用。

二、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。

三、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();                                       //   排序數組。
        return(l);                                             //   返回排序的數組。
  }

<BODY> <div id=div1></div><BR> <button onclick=mysort(0)>sortByCol-1</button> <button onclick=mysort(1)>sortByCol-2</button> <button onclick=mysort(2)>sortByCol-3</button> <button onclick=mysort(3)>sortByCol-4</button> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> 字符: 字符的時候sortFunction中的項目不能像數字同樣直接相減，須要調用 str1.localeCompare( str2 )方法來做比較，從而知足返回值。如下是多維數組的第1，2列做排序的狀況。 function sortFunction(array) ...{ return array.sort( function(x, y) ...{ return (x[0]==y[0])?(x[1].localeCompare(y[1])):(x[0].localeCompare(y[0])) }); } 所以arrayObject.sort( sortFunction )的排序功能仍是很強大的，終於可以實現了SQL語句中的ORDER BY 同樣的功能。