var array = ["a","b","c"];

console.log(array.toString());//a,b,c

console.log(array.valueOf());//["a", "b", "c"]

console.log(array);//["a", "b", "c"]

join方法可以將數組中的元素以特定的字符連接起來

console.log(array.join(""));//abc

console.log(array.join("-"));//a-b-c

pop方法會移除數組中的最后一個元素并將該元素返回，原數組改為移除最后一個元素后的數組

console.log(array.pop());//c

unshift方法會在數組的前面添加元素，可以同時接收多個參數，用逗號隔開，例如"a","b"，并返回新數組的長度

console.log(array.unshift("d"));//4

shift方法會移除數組中的第一個元素并將其返回

console.log(array.shift());//a

?

通過shift方法和push方法可以實現隊列的行為，shift用于從數組中的前面刪除元素，而push用于從數組后面添加元素。同理，unshift和pop也可以實現，unshift用于從數組前面添加，pop用于從數組后面刪除。

如果想實現棧的行為，也可以很方便的實現。用push方法從數組后面添加，同時用pop方法從數組后面刪除，從而實現棧的行為，用shift和unshift也可以實現。

?

?

自己實現一個concat()方法，看這個方法就知道concat的實現原理了

var array = ["1","3","2","6","4"];

var array2 = ["a","b","c"];

Array.prototype.concatByMyself=function(array){

????for (var i = 0; i < array.length; i++) {

????????this.push(array[i]);

????}

return this;

?};

console.log(array.concatByMyself(array2));//["1", "3", "2", "6", "4", "a", "b", "c"]

?

slice方法，我們可以理解為切片方法，就是將數組按我們的要求切成一段，但我們應該注意，這個方法不會改變原數組，不是真的把數組切成一段一段的。

?

slice可以接受一個或兩個參數，第一個參數為處理的起始位置，第二個可選，為處理的結束位置。如果起始位置參數值為1，則是從數組的第二個元素開始處理（數組下標從零開始計算），第二個參數如果缺省，則直接處理到數組的最后，如果有值，則處理到該值的前一個元素，比如傳入的是4，則處理到3，即數組的第四個元素。

var array = ["1","3","2","6","4"];

console.log(array.slice(1));//["3", "2", "6", "4"]

console.log(array.slice(1,4));//["3", "2", "6"]

?

如果slice傳入的參數時負數怎么辦呢，則按照參數值加數組長度進行處理，如果是slice(-4,-2)；數組長度為5，則結果和slice(3,1)相同。

?

再來看看最為強大的一個方法 splice()方法：

?

直接來看代碼運行結果：

var array = ["1","3","2","6","4"];

console.log(array.splice(1,2)); //["3", "2"]

console.log(array);//["1", "6", "4"]

傳入兩個參數時，第一個則為處理的起始位置，第二個參數則為需要處理元素的個數，這時候這個方法會刪除處理的元素，比如這里從數組中第二個元素開始（傳入參數為1，則對應數組下標為1的元素，即數組的第二個元素），處理兩個元素（第二個參數為處理元素個數），然后返回被處理的元素，原數組已經改變。

?

?

console.log(array.splice(1,0,"g","h")); //[]

console.log(array); //["1", "g", "h", "3", "2", "6", "4"]

大家可能已經猜到了為什么是這個結果，我們先看前兩個參數，從數組的下標為1的元素開始處理，處理0個元素，然后將g h插入在下標為1 的元素后面，所以出現了這樣的結果

?

那如果沒有傳入0怎么辦呢，來看看運行代碼后的結果：

console.log(array.splice(1,"g","h"));[]

console.log(array);["1", "h", "3", "2", "6", "4"]

這個時候就會將g當成要處理元素的個數，當然這個是不能轉換為數值的（如果能轉換為數值，比如"0"，就會按0來處理），所以就按0來處理了，然后將第三個參數插入得到這樣的結果。

?

console.log(array.splice(1,2,"g","h"));//["3", "2"]

console.log(array);//["1", "g", "h", "6", "4"]

這種情況下為什么得到這個結果相信大家就明白了，先按兩個參數時候處理，然后將后面的參數全部插入處理的開始位置后面。

?

數組還有兩個查找的方法：indexOf() ?lastIndexOf();

var array = ["1","3","2","6","4"];

console.log(array.indexOf("3"));//1

3在數組中的下標是1，所以返回1；

那調用lastIndexOf()方法會得到什么結果呢：

?

var array = ["1","2","3","2","4"];

console.log(array.lastIndexOf("2"));//3

這個方法會從數組后面開始查找，返回查找到的第一個元素的下標。

?

如果沒有找到，這兩個方法都會返回-1

var array = ["1","2","3","2","4"];

console.log(array.indexOf("a")); //-1

console.log(array.lastIndexOf("a")); //-1

?

注意這兩個方法匹配時都是使用全等進行比較，如果是下面這樣：

var array = ["1","2","3",2,"4"];

console.log(array.lastIndexOf("2"));//1

則返回1，是因為字符串的"2"與數值2是不能全等的，它們的類型不同，所以不匹配；

?

數組還有一些迭代方法，用于處理數組中的每一個元素。

every() filter() forEach() map() some(),這些方法都會對數組中的每一項進行處理。并且都不會修改原數組。

?

every(),some()都返回一個布爾值，every()：當對數組中的每一項進行處理都返回true，則最后這個方法返回true，否則返回false;而some()只要有一項返回true，則返回true，否則返回false；

?

這些方法的用法都相同：

var array = ["1","3","2","6","4"];

array.filter(function(item,index,array){

return (item>2);//["6", "4"]

})

console.log(array.filter(function(item,index,array){

????return (array[index]>3);//["6", "4"]

}));

item即為數組中的每一個元素，index即為下標，array即為該數組

?

再來介紹最后兩個方法：reduce() ?, ?reduceRight();

reduce從數組前面開始處理，而reduceRight則相反；

var array = ["1","3","2","6","4"];

var array2 = [1,2,3,4];

console.log(array.reduce(function(prev,cur,index,array){

????return prev + cur;

}));//13264

console.log(array2.reduce(function(prev,cur,index,array){

????return prev + cur;

}));//10

?

轉載于:https://www.cnblogs.com/luxueping/p/5672632.html

總結

以上是生活随笔為你收集整理的数组的相关操作方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。