數組經常使用方法

經常使用

push()：向數組的末尾增長一項 返回值是數組的新長度
unshift()：向數組開頭增長一項 返回值是數組的新長度
pop():刪除數組的末尾項 返回值是刪除的數組項
shift():刪除數組開頭項 返回被刪除的開頭項目
.indexOf(item,start) 
lastIndexOf(item,start) 返回一個指定的字符串值最後出現的位置，在一個字符串中的指定位置從後向前搜

splice(index,howmany,item1,…..,itemX) ：刪除數組中的任意項 返回值是被刪除的數組項
slice(start,end):複製數組 返回值是複製到的新數組 寫上數值以後 不包含被複制的最後一項

slice(start,end)數組複製

start 參數必須，規定從何處開始選取。若是是負數，那麼它規定從數組尾部開始算起的位置
end 參數沒必要須，規定從何處結束選取
返回值 返回一個新數組，不改變原數組

 console.log([1,2,3,4].slice(1)) //返回[2,3,4]
 console.log([1,2,3,4].slice(-1)) //返回[4]

splice() 方法可刪除從 index 處開始的零個或多個元素，而且用參數列表中聲明的一個或多個值來替換那些被刪除的元素。

    若是從數組中刪除了元素，則返回的是含有被刪除的元素的數組。

    示例代碼:    

   var arr = [1,2,3,4,5];   //如下注釋結果分別對數組arr進行操做
    arr.splice(1);   // arr:[1]; 返回值爲數組[2,3,4,5]
    arr.splice(1, 2);    // arr:[1, 4, 5]; 返回值爲數組[2,3]
    arr.splice(1, 0, 'A');   // arr:[1, "A",2,3, 4, 5]; 未刪除元素，返回值爲空數組[]
    arr.splice(1, 2, 'A', 'B');   // arr:[1, "A", "B", 4, 5]; 返回值爲數組：[2,3]

 

var arr = new Array("0","1","2","5","3","4","5");
 console.log(arr.lastIndexOf("5")); //6
 console.log(arr.lastIndexOf("5",4)); //3

 

---------------------

拼接：

concat():把一個數組和另外一個數組拼接在一塊兒 返回拼接好的數組 （能夠用es6的 ...）
join():把數組中的每一項 按照指定的分隔符拼接成字符串

 

排序：

reverse():倒序數組 返回值倒序數組 原有數組改變
sort():根據匿名函數進行冒泡排序 b-a倒序 a-b升序

new

array.map(function(currentValue,index,arr), thisValue)

map() //方法返回一個新數組，數組中的元素爲原始數組元素調用函數處理後的值。

var numbers = [65, 44, 12, 4];
 
function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}
 
function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}

map

 

---

find()函數用來查找目標元素，找到就返回該元素，找不到返回undefined。 //[1, 2, 3, 4].find((value, index, arr) => {})

findIndex()函數也是查找目標元素，找到就返回元素的位置，找不到就返回-1。

肯定數組的全部成員是否知足指定的測試

every():一假即假
some():一真即真 

 

filter(function(currentValue,index,arr), thisValue) es5方法 
- 參數 function(currentValue,index,arr)參數必須（處理元素的方法） 
- 按照原始數組元素順序依次處理元素。 不改變原數組 
- 返回值 返回一個新的數組，新數組中的元素是經過檢查指定數組中符合條件的全部元素 

 

 

----reference--------------------------

http://www.javashuo.com/article/p-gzjwkaax-cg.html