JS陣列常用方法

2021-09-30 01:54:34 字數 4373 閱讀 7104

給大家整理出js常用的方法,有需要的可以收藏起來

1. array.map()

此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列

let arr =[1

,2,3

,4,5

]let newarr = arr.

map(x => x*2)

//arr= [1, 2, 3, 4, 5] 原陣列保持不變

//newarr = [2, 4, 6, 8, 10] 返回新陣列

2.array.foreach()

此方法是將陣列中的每個元素執行傳進提供的函式,沒有返回值,直接改變原陣列,注意和map方法區分

let arr =[1

,2,3

,4,5

] num.

foreach

(x => x*2)

// arr = [2, 4, 6, 8, 10] 陣列改變,注意和map區分

3. array.filter()

此方法是將所有元素進行判斷,將滿足條件的元素作為乙個新的陣列返回

let arr =[1

,2,3

,4,5

]const isbigenough => value => value >=

3let newarr = arr.

filter

(isbigenough )

//newnum = [3, 4, 5] 滿足條件的元素返回為乙個新的陣列

4. array.every()

此方法是將所有元素進行判斷返回乙個布林值,如果所有元素都滿足判斷條件,則返回true,否則為false:

let arr =[1

,2,3

,4,5

]const islessthan4 => value => value <

4const islessthan6 => value => value <

6arr.

every

(islessthan4 )

//false

arr.

every

(islessthan6 )

//true

5. array.some()

此方法是將所有元素進行判斷返回乙個布林值,如果存在元素都滿足判斷條件,則返回true,若所有元素都不滿足判斷條件,則返回false:

let arr=[1

,2,3

,4,5

]const islessthan4 => value => value <

4const islessthan6 => value => value >

6 arr.

some

(islessthan4 )

//true

arr.

some

(islessthan6 )

//false

6. array.reduce()

此方法是所有元素呼叫返回函式,返回值為最後結果,傳入的值必須是函式型別:

let arr =[1

,2,3

,4,5

]const

add=

(a, b)

=> a + b

let sum = arr.

reduce

(add)

//sum = 15 相當於累加的效果

與之相對應的還有乙個 array.reduceright() 方法,區別是這個是從右向左操作的

7. array.push()

此方法是在陣列的後面新增新加元素,此方法改變了陣列的長度:

8. array.pop()

此方法在陣列後面刪除最後乙個元素,並返回陣列,此方法改變了陣列的長度:

let arr =[1

,2,3

,4,5

] arr.

pop(

) console.

log(arr)

//[1, 2, 3, 4]

console.

log(arr.length)

//4

9. array.shift()

此方法在陣列後面刪除第乙個元素,並返回陣列,此方法改變了陣列的長度:

let arr =[1

,2,3

,4,5

]arr.

shift()

console.

log(arr)

//[2, 3, 4, 5]

console.

log(arr.length)

//4

10 array.unshift()

此方法是將乙個或多個元素新增到陣列的開頭,並返回新陣列的長度:

let arr =[1

,2,3

,4,5

]arr.

unshift(6

,7)console.

log(arr)

//[6, 7, 2, 3, 4, 5]

console.

log(arr.length)

//7

11 array.isarray()判斷乙個物件是不是陣列,返回的是布林值

12 array.concat()

此方法是乙個可以將多個陣列拼接成乙個陣列:

let arr1 =[1

,2,3

] arr2 =[4

,5]let arr = arr1.

concat

(arr2)

console.

log(arr)

//[1, 2, 3, 4, 5]

13 array.tostring()

此方法將陣列轉化為字串:

let arr =[1

,2,3

,4,5

];let str = arr.

tostring()

console.

log(str)

// 1,2,3,4,5

15 array.join()

此方法也是將陣列轉化為字串:

let arr =[1

,2,3

,4,5

];let str1 = arr.

tostring()

let str2 = arr.

tostring

(','

)let str3 = arr.

tostring

('##'

) console.

log(str1)

// 12345

console.

log(str2)

// 1,2,3,4,5

console.

log(str3)

// 1##2##3##4##5

通過例子可以看出和tostring的區別,可以設定元素之間的間隔~

16.array.splice(開始位置, 刪除的個數,元素)

萬能方法,可以實現增刪改:

let arr =[1

,2,3

,4,5

];let arr1 = arr.

splice(2

,0'haha'

)let arr2 = arr.

splice(2

,3)let arr1 = arr.

splice(2

,1'haha'

) console.

log(arr1)

//[1, 2, 'haha', 3, 4, 5]新增乙個元素

console.

log(arr2)

//[1, 2] 刪除三個元素

console.

log(arr3)

//[1, 2, 'haha', 4, 5] 替換乙個元素

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陣列常用方法

1.arr.unshift a 在陣列開頭插入元素a。2.arr.shift 刪除陣列的第乙個元素並返回這個元素。3.push a 在陣列最後插入a。4.pop 刪除陣列的最後乙個元素並返回這個元素。5.slice a,b 從下標a開始擷取到下標b 不包含b b不寫表示擷取到最後 6.splice ...