常用陣列API以及會不會改變原陣列

2021-10-11 08:13:29 字數 1616 閱讀 1574

陣列的api是常用的知識點,同時有些面試題也會考比如這個api會不會改變原陣列;當然了,我們說這些東西都是js自帶的,並不一定適合你的專案,你完全可以自己寫乙個api覆蓋掉它;

改變原陣列的:

shift:將第乙個元素刪除並且返回刪除元素,空即為undefined

unshift:向陣列開頭新增元素,並返回新的長度pop:刪除最後乙個返回刪除的元素push:向陣列末尾新增元素,並返回新的長度push:向陣列末尾新增元素,並返回新的長度reverse:顛倒陣列順序sort:對陣列排序

splice:splice(start,length,item)刪,增,替換陣列元素,返回被刪除陣列,無刪除則不返回

不改變原陣列的:

concat:連線多個陣列,返回新的陣列

var arr =[1

,2,3

];var newarr=

['a'

,'b'

,'c'

] console.

log(arr.

concat

(newarr));

//[1, 2, 3, "a", "b", "c"]

join:將陣列中所有元素以引數作為分隔符放入乙個字元

var arr =[1

,2,3

];console.

log(arr.

join

('*'))

;//1*2*3

3.slice:slice(start,end),返回選定元素(左閉右開區間)

var arr =[1

,2,3

];

console.

log(arr.

slice(0

,2))

;//[1,2]

4.filter:建乙個新的陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素

var arr =[1

,2,3

];var sum= arr.

filter

(function

(a,b,c)

) console.

log(sum)

;//[2,3]

5.map(): 通過指定函式處理陣列的每個元素,並返回處理後的陣列。

var arr =[1

,2,3

];var sum= arr.

map(

function

(a,b)

) console.

log(sum)

;//[2,4,6]

some,every等不改變原陣列

陣列常用API

var color red green blue var color2 yellow black brown var color3 color.concat color2 concat 是將引數傳遞進來的陣列內容 拼接到呼叫者後面,不修改原陣列 var color4 color.tostring 陣...

陣列常用API

陣列常用api push 末尾新增 pop 末尾刪除 unshift 開頭新增 concat 開頭刪除 reserver 顛倒陣列 sort 排序 join 將陣列轉換成字串 splice 刪除 替換 插入 slice 切割陣列 indexof data,start 查詢關鍵字 es5新增 第乙個下...

陣列常用api

push 尾部新增 語法 arr.push 返回值 新增完資料後陣列的長度 會改變元素組 var arr 10,20,30,40 var newarr arr.push 50 console.log arr,newarr unshift 頭部新增 語法 arr.unshift 返回值 新增完資料後陣...