JS陣列常用方法

2022-02-20 05:54:49 字數 2208 閱讀 7924

map

做對映關係處理,

1.陣列過濾獲取每一項的乙個字段

let arr = [,]

let ids = arr.map(d => d.id);

2.陣列對映每一項增加字段或者物件

let arr = [,]

let newarr = arr.map(d => })

flatmap    

做對映處理並展開,陣列過濾如果每一項的某個欄位是乙個陣列,對映完成後會變成雙重陣列,flatmap會將內層陣列給去掉

let arr = [,]

let newarr = arr.flatmap(d => d.hobbys)

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

join

將陣列拼接成字串 : 返回拼接好的字串

arr.join(』-』) //『1-2-3』

push

將陣列最後新增1或多項 : 返回修改後陣列的長度

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

pop將陣列末尾刪除一項 : 返回移除的項

arr.pop() //[1,2]

unshift

和push相似. 將引數新增到陣列第一項 : 返回陣列的長度

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

shift

和pop相似. 刪除陣列第一項 : 返回移除的項; 陣列為空的則返回underfined

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

sort

陣列從小到大排列, 字母也可以: 返回變化後的原陣列

arr.sort() // [1,2,3]

reverse

翻轉陣列 : 返回翻轉後的變化後的原陣列

arr.reverse() // [3,2,1]

concat

拼接兩個陣列,原陣列不變 : 返回拼接後的新陣列

arr.concat([5, 6]) // [1,2,3,5,6]

slice

擷取陣列.原陣列不變

有兩個引數: 都是陣列下標

引數有乙個時: 返回去掉這些項後的新陣列

arr.slice(1) // [2,3]

引數有兩個時: 返回擷取的新陣列

arr.slice(1,2) // [2]

splice

可以刪除,新增,替換陣列元素, 改變原陣列

引數有兩項時:

從第0項開始,刪除兩項. 返回被刪除的陣列元素 [1,2]

arr.splice(0,2) / / [3]

引數有三項及以上:

從第二項開始刪除一項:將2刪了,新增進10,11進陣列.

返回被刪除的陣列元素

arr…splice(2, 1, 10,11) // [1,10,11,3]

如果第二個引數為0則代表只增加元素 : 返回空陣列

arr…splice(2, 0, 10,11) // [1,2,10,11,3]

indexof

查詢陣列中的元素 : 返回要找到的元素索引. 找不到 : 返回-1

arr.indexof(2) // 2

includes

includes() 查詢陣列中的元素有則 : 返回 true否則false

arr.includes(1) // true

注: 區別, 增強了對nan的判斷, 用indexof在陣列中找nan必定返回-1

而includes方法則會正確找到

fill

填充陣列, 改變原陣列: 返回改變後的原陣列

arr.fill(22) //[22, 22, 22]

foreach

歷陣列.進行函式運算: 沒有返回值

三個引數分別為

1.遍歷的那個元素

2.對應的索引

3.陣列本身

filter

遍歷陣列,過濾符合條件的陣列元素 : 返回合條件的新陣列

every和some

遍歷陣列, 判斷元素是否在陣列中存在 : 返回true或者false

every : 全部符合才返回true

some: 有一項符合就返回true

reduce

arr.reduce((sum, it) => ,0)

find和findindex

find() 找到第乙個符合條件的成員 : 返回陣列成員

fundindex() 找到第乙個符合成員的索引 : 返回索引值

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