js 常用陣列方法歸納

2021-10-16 16:22:11 字數 3839 閱讀 5475

js 陣列常用方法:

1.slice/擷取複製陣列指定位置的內容:

slice

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

let copyarr=arr.

slice()

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

let arr=[1

,2,3

,4,5

];let newarr=arr.

slice(1

,3);

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

console.

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

注://

slice

()方法不會更改到原陣列的值

如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-

1 指最後乙個元素,-

2 指倒數第二個元素,以此類推。

請注意,該方法並不會修改陣列,而是返回乙個子陣列。如果想刪除陣列中的一段元素,應該使用方法 array.

splice()。

可使用負值從陣列的尾部選取元素。

如果 end 未被規定,那麼 slice

() 方法會選取從 start 到陣列結尾的所有元素。

2.指定字元連線字串

join()

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

let arr=[1

,2,3

,4,5

];let newarr=arr.

join()

//預設用逗號連線

console.

log(newarr)

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

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

console.

log(arr.

join

(「」));

//輸出為12345;

3.將陣列進行排序

sort()

將陣列進行排序

(公升序)

,返回新陣列,原陣列也會改變;

let arr=[2

,3,5

,1,4

];let newarr=arr.

sort()

;console.

log(newarr,arr);//newarr=[1,2,3,4,5]; arr r=[1,2,3,4,5]

4.將陣列進行倒序

reverse()

;可以將陣列進行倒序,並返回新陣列,原陣列也會隨之改變;

let arr=[1

,2,3

,4,5

];let newarr=arr.

reverse()

;console.

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

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

splice()

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

splice

()方法會修改原陣列的值;

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

let arr=[1

,2,3

,4,5

];let num1=arr.

splice(1

)console.

log(num1;arr)

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

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

let arr=[1

,2,3

,4,5

];let num1=arr.

splice(2

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

console.

log(num1;arr)

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

有三個或者多個值時,第乙個值為插入元素的位置,第二個值為替換的個數,後面的值都為插入的新元素;

let arr=[1

,2,3

,4,5

];let num2=arr.

splice(2

,1,6

,7,8

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

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

console.

log(num2;arr)

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

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

let arr=[1

,2,3

,4,5

]let 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

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

7.刪除陣列的頭部元素

shift()

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

let arr=[1

,2,3

,4,5

]var delelement=

shift()

;console.

log(arr, delelement)

;arr的值為[2,

3,4,

5];delelement的值為被刪除的元素1;

8.在陣列的頭部插入元素

unshift

(value)

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

let arr=[1

,2,3

,4,5

]var length=

unshift(0

);console.

log(arr,length)

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

9.刪除陣列末尾的元素

arr.

pop(

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

let 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--沒有返回值;

10.在陣列末尾插入元素

arr.

push

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

例如:let arr=[1

,2,3

,4,5

]var longth=arr.

push(6

,7);

console.

log(arr, longth)

;陣列的arr的值變為arr[1,

2,3,

4,5,

6,7]

;length接收返回的是修改後陣列的長度7

;

JS陣列方法歸納

join方法 將陣列轉換成字串 var arr a b c 括號中的值為轉換成字串之後各項之間的值 var str arr.join abc var str arr.join a,b,c push方法 在陣列後面增加一項 var arr a b c var newleng arr.push d co...

js 常用陣列方法

陣列常用方法 都不改變原陣列 1.foreach function item,index,array 遍歷陣列 var arr 1 2,3 4,5 6 arr.foreach function item,index 1 0 1,2,3,4,5,6 2 1 1,2,3,4,5,6 3 2 1,2,3,...

記錄JS常用陣列方法

1.給陣列新增元素push 方法,在陣列末尾新增,返回新陣列 var arr 1,2,3 arr.push 4,2 console.log arr 結果是 1,2,3,4,2 2.給陣列移除元素pop 方法,不需要傳引數,返回新陣列 var arr 1,2,3 arr.pop console.log...