1. 程式人生 > 其它 >陣列10種方法

陣列10種方法

unshift - 給陣列開頭新增一個或多個元素 - 返回陣列新長度

var arr = ['a','b','c'];
var l = arr.unshift('d')
console.log(arr) // ['d','a','b','c']
console.log(l) // 4

shift - 刪除陣列的第一個元素 - 返回被刪掉的元素

var arr = ['a','b','c'];
var ele = arr.shift()
console.log(arr) // ['b','c']
console.log(ele) // 'a'

push - 給陣列的末尾新增一個或多個元素 - 返回陣列新長度

var arr = ['a','b','c'];
var l = arr.push('d')
console.log(arr) // ['a','b','c','d']
console.log(l) // 4

pop - 刪除陣列最後一個元素 - 返回被刪掉的元素

var arr = ['a','b','c'];
var ele = arr.pop()
console.log(arr) // ['a','b']
console.log(ele) // 'c'

splice - 對陣列做增、刪、改的操作

var arr = ['a','b','c']
// 改 - 引數1:開始下標;引數2:刪除的個數;引數3:在刪除的位置放上的新的元素 - 可以是多個
arr.splice(1,1,'d') // ['a','d','c']
// 增
arr.splice(1,0,'d') // ['a','d','b','c'] - 刪除0個,就是不刪除,然後放上新元素
// 刪 - 第三個引數可以省略
arr.splice(1,0) // ['a','c']

concat - 陣列的拼接

var arr = ['a','b','c'];
var brr = ['d','e','f'];
// 將arr和brr合成一個更大的陣列
var crr = arr.concat(brr) // ['a','b','c','d','e','f']
// 將一個或多個值和數組合併成一個大陣列
var crr = arr.concat(1,2,3)// ['a','b','c',1,2,3]

sort - 陣列的排序

var arr = [9,5,3,7,1,6,4,8,2];
arr.sort() // 預設升序
console.log(arr) // [1,2,3,4,5,6,7,8,9]
arr.sort(function(a,b){ // a代表前面的數,b代表後面的數
return a-b; // 升序 - 如果前面的數-後面的數>0,則交換位置
return b-a; // 降序 - 如果後面的數-前面的數>0,則交換位置
})

reverse - 陣列的反轉

var arr = ['a','b','c'];
arr.reverse()
console.log(arr) // ['c','b','a']

join - 將陣列中的元素使用指定的連線符連線在一起

var arr = ['a','b','c'];
var str = arr.join('_') // 引數是連線符
console.log(str) // a_b_c

var str = arr.join() // 預設使用逗號連線
console.log(str) // a,b,c

var str = arr.join('')
console.log(str) // abc

slice - 擷取陣列

var arr = ['a','b','c','d','e','f'];
// 將陣列中的 'b','c','d'截取出來,組成新的陣列
var brr = arr.slice(1,4) // 引數1是開始擷取的下標,引數2是擷取的結束下標,結果中不包含結束下標對應的元素
console.log(brr) // ['b','c','d']
// 如果省略第2個引數,預設從開始下標擷取到陣列末尾
var crr = arr.slice(1)
console.log(crr) // ['b','c','d','e','f']