對JavaScript數組的方法總結

這篇文章講述了JavaScript數組的方法，大家對JavaScript數組的方法不了解的話或者對JavaScript數組的方法感興趣的話那麼我們就一起來看看本篇文章吧， 好了廢話少說進入正題吧！

測試陣列arr = [2，0，1，6];
下面各個方法對arr的測試互不影響。

shift()
刪除並傳回陣列的第一個元素。

console.log(arr.shift());           //2
console.log(arr);                   //[1,0,6]

pop()
刪除並傳回陣列的最後一個元素。

console.log(arr.pop());             //6
console.log(arr);                   //[2,0,1]

unshift（arg1，arg2，…）
在陣列的開頭新增一個或更多元素，並傳回新的長度。
直接修改原有的數組，下標0處插入需要新增的值，已經存在的元素順次地移到較高的下標處

console.log(arr.unshift(9,3,4));    //7
console.log(arr);                   //[9,5,4,2,0,1,6]

push（ arg1，arg2，…）
在陣列的末尾新增一個或多個元素，並傳回新的長度。
直接修改陣列

console.log(arr.push(9,5,4));       //7
console.log(arr);                   //[2,0,1,6,9,5,4]

concat(arr1，arr2，…)
連接兩個或多個陣列。
傳回被連接數組的副本，原始數組不變

var c = [2,0];
var d = [1,5]
console.log(arr.concat(c, d));      //[2,0,1,6,2,0,1,5]
console.log(arr);                   //[2,0,1,6]

join(str)
傳回由str把陣列元素連接成的一個字串

console.log(arr.join(''));          //2016
console.log(arr);                   //[2,0,1,6]
//省略参数
console.log(arr.join());            //2,0,1,6

reverse()
顛倒數組中元素的順序，數組結構改變，返回數組

console.log(arr.reverse());         //[6,1,0,2]
console.log(arr);                   //[6,1,0,2]

slice(start，end【不包含該元素】)
傳回一個由start，end選擇的陣列
負值表示從尾端選取元素

console.log(arr.slice(1));          //[0,1,6]
console.log(arr);                   //[2,0,1,6]

console.log(arr.slice(0));          //[2,0,1,6]
console.log(arr.slice(-4));         //[2,0,1,6]
console.log(arr.slice(1,3));        //[0,1]
console.log(arr.slice(1,-1));       //[0,1]
console.log(arr.slice(-3,-1));      //[0,1]
console.log(arr.slice(-3,3));       //[0,1]

splice(index，deleteNum，arg1，arg2，…)##和這個方法可謂數組最全的方法，可以實現數組元素的，添加，修改，刪除
index：操作（添加、刪除）開始的位置，必選
delete：刪除的數目，0表示不刪除，必選
arg：新增的元素（一個或多個），可選（用於刪除，修改）
返回值：刪除操作返回刪除元素組成的數組，其他操作返回空數組

//添加，向位置1添加数值1
console.log(arr.splice(1,0,1));     //[]
console.log(arr);                   //[2,1,0,1,6]

console.log(arr.splice(1,0,3,8));   //[]
console.log(arr);                   //[2,3,8,1,0,1,6]

//删除，从位置2开始删除2个数值
console.log(arr.splice(2,2));       //[8,1]
console.log(arr);                   //[2,3,0,1,6]

//修改，将位置1的数值改为9
console.log(arr.splice(1,1,9));     //[3]
console.log(arr);                   //[2,9,0,1,6]

valueOf()
w3c解釋，我還不太理解 valueOf() 方法傳回Array 物件的原始值。該原始值由 Array 物件派生的所有
物件繼承。 valueOf() 方法通常由 JavaScript 在後台自動調用，並不明確地出現在程式碼中。

console.log(arr.valueOf());         //[2,0,1,6]
console.log(arr);                   //[2,0,1,6]

toString() 把陣列轉換成字串，並回傳結果

console.log(arr.toString());        //2,0,1,6
console.log(typeof arr.toString()); //string
console.log(arr);                   //[2,0,1,6]

toLocaleString( ) 把陣列轉換為本地字串。

console.log(arr.toLocaleString());  //2,0,1,6
console.log(arr);                   //[2,0,1,6]
//特定用法
var date = new Date();
console.log(date);                  //Thu Feb 04 2016 19:51:01 GMT+0800 (中国标准时间)
console.log(date.toLocaleString()); //2016/2/4 下午7:51:01

sort() 沒有使用參數，將按字母順序對陣列中的元素進行排序
傳回排序後的陣列

var c = ['c','d','a'];
console.log(c.sort());          //['a','c','d']
console.log(c);                 //['a','c','d']

對於sort方法，上面我只進行了字符串排序，為什麼不進行數字呢? 大家平時可能數字sort排序也用過，感覺可以的，可以是可以，那種sort排序有時候會出現問題，下面有好的方法，希望藉鏡~

//升序排序
console.log(arr.sort(function(a, b){
    return a - b;
}));
console.log(arr);                 //[0,1,2,6]

//降序排序
console.log(arr.sort(function(a, b){
    return b - a;
}));
console.log(arr);                 //[6,2,1,0]

以上就是本篇文章的所有內容，大家要是還不太了解的話，可以自己多實現兩邊就很容易掌握了哦！

相關推薦：
js陣列方法擴充實作陣列統計函數

javascript陣列和字串的常見用法

JavaScript陣列-字串-數學函數#

以上是對JavaScript數組的方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！