js陣列的操作方法

2022-08-18 21:18:19 字數 3052 閱讀 9089

向陣列的末尾新增元素返回值為當前操作的陣列的操作以後的長度

1

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

2 arr.push(8,9);//

push 新增到陣列末尾

3 console.log(arr)//

[ 2, 3, 4, 5, 6, 6, 8, 9 ]

刪除陣列的最後一項,並返回刪除元素的值;如果陣列為空則返回undefine

1

var arr=[1,4,5,6,7,8,9];

2 arr.pop(); //

pop 刪除陣列末尾資料

3var a=arr.pop();

4 console.log(arr)//

[ 1, 4, 5, 6, 7 ]

5 console.log(a) //

8

向陣列的前面新增元素返回值為當前操作的陣列的操作以後的長度

1

var arr=[1,4,5,6,7,8,9];

2 arr.unshift(0,1,3)//

unshift 新增到陣列前面

3 console.log(arr)//

[ 0, 1, 3, 1, 4, 5, 6, 7, 8, 9 ]

刪除第一項,並返回刪除元素的值;如果陣列為空則返回undefine

1

var arr=[1,4,5,6,7,8,9];

2 arr.shift() //

shift 刪除陣列前面資料

3 console.log(arr)//

[ 4, 5, 6, 7, 8, 9 ]

分割陣列,(把陣列轉換為字串)並返回字串,原陣列未變, join([每個字元直接的分割符號,預設值為","])

1

var arr=[1,4,5,6,7,8,9];

2var b=arr.join() //

分割陣列,但原陣列不會發生改變

3 console.log(b)//

1,4,5,6,7,8,9

split根據特定的字串切分成陣列

1

var a='a-j-k-j-k-k-k';

2var b=a.split('-')

3 console.log(b)//

[ 'a', 'j', 'k', 'j', 'k', 'k', 'k' ]

reverse()方法

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

1

var arr=[1,4,5,6,7,8,9];

2 arr.reverse(); //

反轉陣列

3 console.log(arr)//

[ 9, 8, 7, 6, 5, 4, 1 ]

接受兩個引數第乙個是要查詢的值,第二個是要從哪個位置開始。

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

1

var arr=[1,4,5,6,7,8,9];

2var b=arr.indexof(5,2)

3 console.log(b)//

2

陣列合併,返回合併後的新陣列元素不變

1

var arr=[1,4,5,6,7,8,9];

2var a=['a','b','c']

3var b=arr.concat(a)//

將兩個陣列合併,返回合併後的新陣列元素不變

4 console.log(b)//

[ 1, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c' ]

擷取(切片)陣列得到擷取的陣列。

返回從原陣列中指定開始索引(包含)到結束索引(不包含)之間的項組成的新陣列,原陣列為變 ,索引從0開始

slice(start,[end])

如果沒有end則從開始取到陣列結尾

如果start大於end則返回空陣列

1

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

2var b = a.slice(0,3)//

從座標為0的數開始擷取到座標為3的數字之間的數字

3 console.log(b)//

[1,2,3]

4var c = a.slice(3)//

當只有乙個引數的時候,就代表從該引數的座標開始擷取到陣列末尾

5 console.log(c)//

[ 4, 5, 6 ]

會改變原陣列,對原陣列進行增刪改查

1

var a1 = ['a','b','c'];

2var b1 = a1.splice(1,1,'e','f')//

把座標為1的陣列抽離出來,替換成後面的兩個數字,而b1就等於抽離的數字

3 console.log(a1);//

['a','e','f','c']

4 console.log(b1);//

['b']56

var a2 = ['a','b','c'];

7var b2 = a2.splice(0,1,'e','f');//

把座標為0的數字抽離出來,替換成後面的數字,而b2就等於抽離的數字

89 console.log(a2);//

[ 'e', 'f', 'b', 'c' ]

10 console.log(b2);//

[ 'a' ]

1112

var a3 = ['a','b','c','d'];//

13var b3 = a3.splice(0,2,'e','f')//

從座標為0的數字開始選兩位

1415 console.log(a3);//

['e','f','c','d']

16 console.log(b3);//

['a','b']

JS陣列的操作方法

var colors red blue green colors.length 計算陣列長度 array.isarray colors 檢測是否為陣列 colors.join 指定引號內的字串為分隔符 colors.push red green 推入陣列的最後 colors.pop 取得陣列的最後項...

js常用陣列操作方法

concat 方法用於連線兩個或多個陣列。該方法不會改變現有的陣列,僅會返回被連線陣列的乙個副本。var arr1 1,2,3 var arr2 4,5 var arr3 arr1.concat arr2 console.log arr1 1,2,3 console.log arr3 1,2,3,4...

js陣列的常見操作方法

let arr 1,2,3,4,5 let num1 arr.splice 2,3,6,6,6 console.log num1,arr splice 乙個引數是刪除的位置 兩個引數 第乙個是刪除的位置 第二是刪除的個數 三個引數 第乙個是插入元素的位置,第二個值是插入的個數,後面的都是插入的元素 ...