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

今天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,]

var arr = [1,2];

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

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

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

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

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

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

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

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]

改變原陣列，可以實現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]

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

var arr1 = [1,2];

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

並返回元素索引，不存在返回-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

var a, b;

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

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

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...