關於javascript數組方法的總結

關於數組方法的總結

【arr(1,2,3,4);以此數組爲操做對象；】

如下方法不改變原數組（只是數組的轉換）

arr.join(字符串)：

• 使用括號中的字符串鏈接數組中的每一個元素，返回一個鏈接好的字符串，不改變原數組；

• console.log(arr.join("-")); --> 1-2-3-4

arr.toString():

• 能夠將數組轉換成字符串形式，返回字符串，不改變原數組。不太經常使用，通常用join方法；

• console.log(arr.toString()); -->1,2,3,4

如下方法改變原數組（數組的基本操做）

arr.push(item1, item2, ……):

• 能夠向數組最後添加一個或者多個元素，返回數組的新長度length，改變原數組；

• console.log(arr.push(5,6)); -->6

• console.log(arr); -->[1,2,3,4,5,6]

arr.unshift(item1, item2, ……):

• 能夠向數組最前面添加一個或者多個元素，返回數組新長度length，改變原數組；

• console.log(arr.unshift(5,6)); -->6

• console.log(arr); -->[5, 6, 1, 2, 3, 4]

arr.pop():

• 從數組最後面刪除一個元素，返回刪除的元素值，改變原數組；

• console.log(arr.pop()); --> 4

• console.log(arr); -->[1, 2, 3]

arr.shift():

• 從數組最前面刪除一個元素，返回刪除的元素值，改變原數組；

• console.log(arr.shift()); --> 1

• console.log(arr); -->[2, 3, 4]

位置方法（如下兩個方法h5提供，ie9如下不支持）

arr.indexOf(param1, param2):

• 返回找到的第一個匹配的索引值，沒有找到返回-1；

• param1表示要找哪一個元素；

• param2是一個索引值，表示要從哪一個位置開始找,爲空默認從頭開始找；

• arr.indexOf(3); -->2

arr.lastIndexOf(param1, param2):

• 返回找到的最後一個匹配的索引值，沒有找到返回-1；

• param1表示要找哪一個元素；

• param2是一個索引值，表示要從哪一個位置開始找,爲空默認從頭開始找；

• arr.indexOf(3); -->2

操做方法

arr.concat(item1, item2, ……):

• 能夠在數組後面鏈接新的元素，返回鏈接後的數組，不改變原數組；

• 注意:若是傳入的參數爲數組，會將兩個數組拼接後返回；

• console.log(arr.concat(5, 6)); -->[1, 2, 3, 4, 5, 6]

• console.log(arr); -->[1, 2, 3, 4]

• 該方法能夠經過不傳參數的方式，達到複製數組的目的，複製的數組與原數組不關聯；

arr.slice(start, end):

• 能夠拷貝從start索引開始，到end索引前一位的元素值，以數組的形式返回，不改變原數組；

• console.log(arr.slice[0, 3]); -->[1, 2, 3]

• console.log(arr); -->[1, 2, 3, 4]

arr.splice(start, len, item1, item2, ……):

• 能夠截取（刪除）從start索引開始，len長度的元素，剩餘的參數可選，表示在截取（刪除）的位置插入新的元素，以數組形式返回截取（刪除）的部分，改變原數組；

• console.log(arr.splice(1, 2)); -->[2, 3]

• console.log(arr); -->[1, 4]

排序方法

arr.reverse():

• 翻轉數組，返回翻轉後的數組(通常不使用返回值)，改變原數組；

• console.log(arr.reverse()); -->[4, 3, 2, 1]

• console.log(arr); -->[4, 3, 2, 1]

arr.sort();

• 能夠對數組元素是字符串的數組進行排序，按照首字母，不須要考慮後面的值；

• 用於對數組元素進行排序，返回排序後的數組，改變原數組；

• 若是不傳參數，按照數字的最高位的數字進行排序；（坑）

• 想要進行正確的升序和降序，須要傳遞一個回調函數；

• 升序：arr.sort(function(a, b){return a-b;});

• 降序：arr.sort(function(a, b){return b-a;});

• 真是詭異………………………………