igeek手冊 JS陣列常用方法操作

2021-09-02 21:17:05 字數 2286 閱讀 6856

今天igeek手冊與大家分享的是:js陣列常用方法操作,希望大家看完能有所收穫哦~

1、push 新增最後一項

在陣列末尾新增一項,並返回陣列的長度, 可以新增任意型別的值作為陣列的一項。

var arr = [1,2];

arr.push(6) // arr: [1,2,6]

arr.push('aa') // arr: [1,2,6,"aa"]

arr.push(undefined) // arr: [1,2,6,"aa",undefined]

arr.push() // [1,2,6,"aa",undefined,]

2、unshift 在最前面新增一項

var arr = [1,2];

arr.unshift(9) // [9, 1, 2]

arr.unshift('aa') // ['aa',9, 1, 2]

3、pop 刪除最後一項

刪除最後一項,並返回刪除元素的值;如果陣列為空則返回undefine。對陣列本身操作

var arr = [1,2,3,4,5];

arr.pop() // arr: [1, 2, 3, 4]

arr.pop() // arr: [1, 2, 3]

4、shift 刪除最前面一項

var arr = [1,2,3,4,5];

arr.shift() // [2, 3, 4, 5]

arr.shift() // [3, 4, 5]

5、slice擷取(切片)陣列 得到擷取的陣列

不改變原始陣列,得到新的陣列

slice(start,end)

var arr = [1,2,3,4,5];

var a = arr.slice(1) // a: [2,3,4,5]

var a = arr.slice(1,3) // a: [2,3]

var a = arr.slice(3,4) // a: [5]

6、splice剪接陣列

改變原陣列,可以實現shift前刪除,pop後刪除,unshift前增加,同push後增加一樣的效果。索引從0開始

splice(index,howmany,item1,.....,itemx)

var arr = [1,2,3,4,5];

push: arr.splice(arr.length, 0, 6) // [1, 2, 3, 4, 5, 6]

unshift: arr.splice(0, 0, 6) // [6, 1, 2, 3, 4, 5]

pop: arr.splice(arr.length-1, 1) // [1, 2, 3, 4]

shift: arr.splice(0, 1) // [2, 3, 4, 5]

arr.splice(1) // [1]

arr.splice(1, 2) // [1, 4, 5]

arr.splice(1, 0, 'a') // [1, "a",2,3, 4, 5]

arr.splice(1, 2, 'a', 'b') // [1, "a", "b", 4, 5]

7、concat 陣列合併

合併後得到新陣列,原始陣列不改變

var arr1 = [1,2];

var arr2 = [3,4,5];

var arr = arr1.concat(arr2) // [1,2,3,4,5]

8、indexof 陣列元素索引

並返回元素索引,不存在返回-1,索引從0開始

var arr = ['a','b','c','d','e']; 

arr.indexof('a'); //0

arr.indexof(a); //-1

arr.indexof('f'); //-1

arr.indexof('e'); //4

9、join 陣列轉字串

var a, b;

a = [0, 1, 2, 3, 4];

b = a.join("-"); // 0-1-2-3-4

10、reverse 陣列翻轉

並返回翻轉後的原陣列,原陣列翻轉了

var a = [1,2,3,4,5]; 

a.reverse()//a:[5, 4, 3, 2, 1] 返回[5, 4, 3, 2, 1]

js陣列常用方法

push 向陣列的末尾增加一項 返回值是陣列的新長度 unshift 向陣列開頭增加一項 返回值是陣列的新長度 pop 刪除陣列的末尾項 返回值是刪除的陣列項 shift 刪除陣列開頭項 返回被刪除的開頭專案 splice 刪除陣列中的任意項 返回值是被刪除的陣列項 slice 複製陣列 返回值是複...

js陣列常用方法

array.join 方法將陣列中所有元素都轉化為字串並連線在一起,返回最後生成的字串。可以指定乙個可選的字串在生成的字串中來分隔陣列的各個元素。如果不指定分隔符,預設使用逗號。示例 var a 1,2,3 console.log a.join 1,2,3 console.log a.join 1 ...

JS陣列常用方法

給大家整理出js常用的方法,有需要的可以收藏起來 1.array.map 此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列 let arr 1 2,3 4,5 let newarr arr.map x x 2 arr 1,2,3,4,5 原陣列保持不變 n...