JS筆記：Array方法整理

1、增長

1.push()

語法：arrayObject.push(newele1,newele2,…,neweleX);

功能：將push中的參數添加到arrayObject的尾部

返回值：把指定的值添加到數組後的新長度

 

例：

var arr = [8,7,5,2,8,4,3];

var arrLen = arr.push("u","r","g");

console.log(arrLen); //10

console.log(arr); //[8, 7, 5, 2, 8, 4, 3, "u", "r", "g"]

 

2.unshift()

語法：arrayObject.unshift(newele1,newele2,…,neweleX);

功能：將unshift中的參數添加到arrayObject的尾部

返回值：把指定的值添加到數組後的新長度

 

例：

var arr = [8,7,5,2,8,4,3];

var arrLen = arr.unshift("u","r","g");

console.log(arrLen); //10

console.log(arr); //["u", "r", "g", 8, 7, 5, 2, 8, 4, 3]

 

2、刪除

1.pop()

語法：arrayObject.pop()

功能：刪除arrayObject的最後一個元素

返回值：被刪除的元素

 

例：

var arr = [8,7,5,2,8,4,3];

var arrEle = arr.pop();

console.log(arrEle); //3

console.log(arr); //[8, 7, 5, 2, 8, 4]

 

2.shift()

語法：arrayObject.shift()

功能：刪除arrayObject的第一個元素

返回值：被刪除的元素

 

例：

var arr = [8,7,5,2,8,4,3];

var arrEle = arr.shift();

console.log(arrEle); //8

console.log(arr); //[7, 5, 2, 8, 4, 3]

 

3、分隔數組

1.join()

語法：arrayObject.join(separator)

功能：用separator（分離器）分隔數組，並放入一個字符串

返回值：字符串

 

例：

var arr = [8,7,5,2,8,4,3];

var newStr = arr.join("—");

console.log(newStr); //8—7—5—2—8—4—3

console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

 

4、翻轉數組

1.reserve()

語法：arrayObject.reserve()

功能：顛倒數組中元素的順序

返回值：數組

 

例：

var arr = [8,7,5,2,8,4,3];

var newArr = arr.reverse();

console.log(newArr); //[3, 4, 8, 2, 5, 7, 8]

console.log(arr); //[3, 4, 8, 2, 5, 7, 8]

 

5、數組排序

1.sort()

語法：arrayObject.sort()

功能：對數組的元素進行排序，及時數組中的每一項都是數值，sort()方法比較的也是字符串；可是sort()能夠接收一個比較函數做爲參數

升序——arr.sort(function(a,b){return a-b})

降序——arr.sort(function(a,b){return b-a})

返回值：數組

 

例

var arr = [8,7,5,2,8,4,3];

var newArr = arr.sort(function(a,b){return b-a});

console.log(newArr); //[8, 8, 7, 5, 4, 3, 2]

console.log(arr); //[8, 8, 7, 5, 4, 3, 2]

 

6、鏈接數組

1.concat()

語法：arrayObject.concat(array1,array2……)

功能：鏈接兩個或多個數組

返回值：新數組

 

例

var arr = [8,7,5,2,8,4,3];

var myArr = ["y","e","w","t"];

var newArr = arr.concat(myArr);

console.log(newArr); //[8, 7, 5, 2, 8, 4, 3, "y", "e", "w", "t"]

console.log(myArr); //["y", "e", "w", "t"]

console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

 

7、截取數組

1.slice()

語法：arrayObject.slice(start,end)

功能：從數組中截取選定元素

返回值：截取的新數組

參數：

start（必需）：規定從何處開始選取，爲負則從尾部開始

end（可選）：規定從何處結束選取，是數組截取結束處的數組下標；若未指定end，從start至數組結束

 

例

var arr = [8,7,5,2,8,4,3];

var newArr1 = arr.slice(1, 3);

var newArr2 = arr.slice(-3,-1);

console.log(newArr1); //[7, 5]

console.log(newArr2); //[8, 4]

console.log(arr); //[8, 7, 5, 2, 8, 4, 3]

 

8、查找數組

1.indexOf()

語法：arrayObject.indexOf(searchValue,startIndex)

功能：從數組的開頭（下標0）開始向後查找，判斷方式——全等

返回值：number，查找的項在數組中的位置（索引值），未找到的返回-1

參數：

searchValue（必需）：要查找的元素

startIndex（可選）：起點位置的索引，不選默認爲0

 

例：

var arr = [8,7,5,2,8,4,3];

var newIndex1 = arr.indexOf(8);

var newIndex2 = arr.indexOf(8,2);

var newIndex3 = arr.indexOf(9);

console.log(newIndex1); //0

console.log(newIndex2); //4

console.log(newIndex3); //-1

 

2.lastIndexOf()

語法：arrayObject.lastIndexOf(searchValue,startIndex)

功能：從數組的末尾開始向前查找，判斷方式——全等

返回值：number，查找的項在數組中的位置（索引值），未找到的返回-1

參數：

searchValue（必需）：要查找的元素

startIndex（可選）：起點位置的索引，不選默認爲數組最後一位

 

例

var arr = [8,7,5,2,8,4,3];

var newIndex1 = arr.lastIndexOf(8);

var newIndex2 = arr.lastIndexOf(8,2);

var newIndex3 = arr.lastIndexOf(9);

console.log(newIndex1); //4

console.log(newIndex2); //0

console.log(newIndex3); //-1

 

 

9、刪除、插入——splice

1.splice() —— 刪除指定位置的指定元素

語法：arrayObject.splice(index,count)

功能：刪除從index處開始的0個或多個元素

返回值：數組，從原數組中刪除的元素

參數：

index：起始位置的下標

count：要刪除的元素數量，不設置，從index開始的全部

 

例

var arr = [8,7,5,2,8,4,3];

var newArr = arr.splice(1,3);

console.log(newArr); // [7,5,2]

console.log(arr); // [8, 8, 4, 3]

 

2.splice() —— 在指定位置的插入元素

語法：arrayObject.splice(index,count,item1,item2…)

功能：在指定位置插入一個或多個元素

返回值：數組，從原數組中刪除的元素

參數：

index：起始位置的下標

count：要刪除的元素數量，設爲0，不刪除元素

item：要插入的元素，插在index前

 

例

var arr = [8,7,5,2,8,4,3];

var newArr = arr.splice(1,0,"item1","item2");

console.log(newArr); // []

console.log(arr); // [8, "item1", "item2", 7, 5, 2, 8, 4, 3]

 

3.splice() —— 同時插入和刪除

語法：arrayObject.splice(index,count,item1,item2…)

功能：在指定位置插入一個或多個元素

返回值：數組

參數：

index：起始位置的下標

count：要刪除的元素數量

item：要插入的元素，插在index前

返回值：數組，從原數組中刪除的元素

 

例

var arr = [8,7,5,2,8,4,3];

var newArr = arr.splice(1,2,"item1","item2");

console.log(newArr); // [7,5]

console.log(arr); // [8, "item1", "item2", 2, 8, 4, 3]