1. 程式人生 > >JavaScript陣列常用方法彙總

JavaScript陣列常用方法彙總

javascript中的陣列與其他語言中的陣列有些不同,為了方便之後陣列的方法學習,整理了關於陣列的操作方法,一起看看吧。

JavaScript中建立陣列有兩種方式:

1.字面量形式宣告陣列

var arr = [1,2,3];

2. new關鍵字例項化宣告資料

var arr2 = new Array(1,2,3);

陣列常用方法

下面開始介紹陣列的常用方法,有以下這些:

Join():把陣列元素連結成字串,返回值為字串.

省略的話則用預設用逗號為分隔符,該方法只接收一個引數:即分隔符。

例如:

var arr = ["zhangsan","lisi","wangwu"];
var result = arr.join("====");

則結果為:zhangsan====lisi====wangwu

Concat():將引數資料新增到陣列的尾部,返回值添加了資料的新陣列。如果引數為陣列型別,會把引數陣列中所有資料取出,然後新增到原陣列的尾部。

例如:

var arr = ["zhangsan","lisi","wangwu"];
console.log(arr.concat("pijiu"));

則結果為:["zhangsan", "lisi", "wangwu",  "pijiu"]

push():在原陣列的尾部加入一個或多個元素,返回值陣列的新長度

arr.push("pijiu");

pop():在原陣列的尾部刪除一個元素,返回值為被刪除的元素

var back = arr.pop();

unshift():在陣列的頭部新增一個或者多個數據,返回值為陣列的新長度

例如:

var arr =["zhangsan","lisi","wangwu"];
arr.unshift(["abc"]);
console.log(arr.length);
則結果為“4”;

shift():在陣列的頭部刪除一個數據, 返回值被刪除的資料

slice()擷取字串(開始索引,結束索引)

包含開始索引, 不包含結束索引

結束索引可以省略,如果省略,截到陣列的最後一個。

例如:

var arr = ["zhangsan","lisi","wangwu","sunliu"];
console.log(arr.slice(1));

則結果為:["lisi", "wangwu", "sunliu"]

sort():升序

reverse():降序

以下方法都是在原陣列上進行操作,會讓原陣列發生變化

    arr.push("a");           /*新陣列長度*/

    arr.pop();                  /*刪除的元素*/

    arr.unshift("a");     /*新陣列的長度*/

    arr.shift();                 /*刪除的元素*/

    arr.sort();                 /*排序以後的新陣列*/

    arr.reverse();           /*倒序以後的新陣列*/