数组的相关操作方法
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
總結
- 上一篇: 【BZOJ-3578】GTY的人类基因组
- 下一篇: UIApplication shared