JS陣列常用方法

2021-10-09 00:06:33 字數 3838 閱讀 4073

在陣列末尾插入元素

arr.push(value),在陣列的末尾新增乙個或多個元素,並返回陣列的新長度。

var arr=[1

,2,3

,4,5

]var newitems=arr.

push(6

,7);

console.

log(arr, newitems)

;//陣列的arr的值變為arr[1,2,3,4,5,6,7];

//此時陣列的長度變為7

刪除陣列末尾的元素

arr.pop()刪除索引值最大的元素,並返回被刪除的元素。

var arr=[1

,2,3

,4,5

]var delelement=arr.

pop();

console.

log(arr, delelement)

;//arr的值為[1,2,3,4] ,delelement的值為5

arr.pop()的與arr.length–的效果一樣,但arr.length沒有返回值;

在陣列的頭部插入元素

unshift();在陣列的頭部新增乙個或多個元素,並返回陣列的新長度

var arr=[1

,2,3

,4,5

]var length=

unshift(0

);console.

log(arr,length)

;//arr的值為[0,1,2,3,4,5];length的值為更改後陣列的長度6;

刪除陣列的頭部元素

shift();刪除索引為0的元素,並返回刪除的元素

var arr=[1

,2,3

,4,5

]var delelement=

unshift()

;console.

log(arr, delelement)

;//arr的值為[2,3,4,5];delelement的值為被刪除的元素1;

注意:unshift()和shift()不能搞反了,因為un-字首在英語當中有不的意思.就好像是英語當中的南(south)和北(north),很多人都會記反了,會把南方的拼音nan和north等同了,就導致了記憶錯誤。

陣列和陣列(或元素)的合併

concat()合併陣列或元素,返回新的陣列,原陣列不會改變

var arr=[1

,2,3

,4,5

]var newarr=arr.

concat([

6,7,

8],9

,10);

console.

log(newarr,arr)

;//newarr的值為[1,2,3,4,5,6,7,8,9,10];

//arr的值還是原來的[1,2,3,4,5];

concat()還可以複製乙個新陣列;

var copyarr=arr.

concat()

;//copyarr的值和arr的相同

在陣列中新增刪除或替換元素

splice();在任意位置新增或刪除元素,返回刪除或被替換的值,如果沒有被刪除或替換則返回空陣列;

注意:splice()方法會修改原陣列的值;

只有乙個值時,從當前位置刪除到陣列末尾

var arr=[1

,2,3

,4,5

];var num1=arr.

splice(1

)console.

log(num1;arr)

//num=[2,3,4,5];arr=[1];

//有兩個值時,第乙個值為刪除的位置,第二個值為刪除的個數;

var arr=[1

,2,3

,4,5

];var num2=arr.

splice(2

,3)//刪除從索引值2開始的3個元素

console.

log(num2;arr)

;// num2=[3,4,5],arr=[1,2]

//有三個或者多個值時,第乙個值為插入元素的位置,

//第二個值為替換的個數,後面的值都為插入的新元素;

var arr=[1

,2,3

,4,5

];var num3=arr.

splice(2

,1,6

,7,8

);//從索引值2開始替換掉1個元素,並且插入6,7,8

//如果第二個值為0,則不替換,直接插入6,7,8;

console.

log(num3;arr)

;//被替換的值num3=[3]; arr=[1,2,6,7,8,4,5]

擷取複製陣列指定位置的內容

slice(開始位置,結束位置);第二個引數不寫預設到尾部,只能從前往後擷取;返回的值為擷取到的內容形成的新陣列;

var copyarr=arr.

slice()

;// slice()或者slice(0)都可以複製陣列;

var arr=[1

,2,3

,4,5

];var newarr=arr.

slice(1

,3);

//擷取索引1到索引3(不包括3)的值;

console.

log(newarr,arr);

//newarr=[2,3];arr=[1,2,3,4,5];

注意:slice()方法不會更改到原陣列的值

指定字元連線字串

join();陣列的每個元素以指定的字元連線形成新字串返回;

var arr=[1

,2,3

,4,5

];var newarr=arr.

join()

//預設用逗號連線

console.

log(newarr)

;//newarr=1,2,3,4,5;

//如果連線符為空字串,則會無縫連線

console.

log(arr.

join(''

));//輸出為12345;

將陣列進行排序

sort()將陣列進行排序(公升序),返回新陣列,

原陣列會改變

var arr=[2

,3,5

,1,4

];var newarr=arr.

sort()

;console.

log(newarr,arr)

;//newarr=[1,2,3,4,5]; arr=[1,2,3,4,5]

將陣列進行倒序

reverse();可以將陣列進行倒序,並返回新陣列,

原陣列會隨之改變

var arr=[1

,2,3

,4,5

];var newarr=arr.

reverse()

;console.

log(newarr,arr)

;//newarr=[5,4,3,2,1]; arr=[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...