js陣列常用方法

2021-09-14 08:00:04 字數 2723 閱讀 2265

array.join()方法將陣列中所有元素都轉化為字串並連線在一起,返回最後生成的字串。可以指定乙個可選的字串在生成的字串中來分隔陣列的各個元素。如果不指定分隔符,預設使用逗號。示例:

var a = [1,2,3]

console.log(a.join()) //1,2,3

console.log(a.join(" ")) //1 2 3

console.log(a.join(""))//123

array.reverse()方法將陣列中的元素顛倒順序,返回逆序的陣列。它採取了替換;即在原先的陣列中重新排列它們。示例:

var a = [1,2,3]

console.log(a.reverse().join()) //3,2,1

array.sort()方法將陣列中的元素排序並返回排序後的陣列。當不帶引數呼叫sort()時,陣列元素以字母表順序排序(如有必要將臨時轉化為字串進行比較):

var a = ['d','b','c']

console.log(a.sort().join()) //b,c,d

如果陣列包含undefined元素,將會被安排到陣列的尾部。

sort方法可以傳乙個比較函式用於非字母排序,該函式接收兩個引數,假設第乙個引數應該在前,比較函式應該返回乙個小於0的數值,反之,第乙個引數在後,返回乙個大於0的數值,示例:

var a = [3,26,5,2]

a.sort(function (a,b) )

console.log(sum) //10

a.foreach(function (v, i, s) )

console.log(a) //[ 2, 3, 4, 5 ]

map()方法將呼叫的陣列的每個元素傳遞給指定的函式,並返回乙個陣列,它包含該函式的返回值。示例:

var a = [1,2,3,4]

b = a.map(function (val) )

console.log(b) //[ 1, 4, 9, 16 ]

tips: map()返回的是新陣列:它不修改呼叫的陣列

filter()方法返回的陣列元素是呼叫的陣列的乙個子集。傳遞的函式是用來邏輯判定的,函式如果返回值是true,那麼傳遞給判定函式的元素就是這個子集的成員。示例:

var a = [1,2,3,4]

var b = a.filter(function (x) )

console.log(b) //[1, 2]

every()和some()方法是陣列的邏輯判定:它們對陣列元素應用指定的函式進行判定,返回true和false

every()方法當且僅當陣列中的所有元素呼叫判定函式都返回true,才返回true:

var a = [1,2,3,4]

console.log(

a.every(function (x) )) //true

some()方法當陣列中至少有乙個元素判定函式返回true,它就返回true;並且當且僅當陣列中的所有元素呼叫判定函式都返回false,才返回false

var a = [1,2,3,4]

console.log(

a.some(function (x) )) //true

console.log(a.some(isnan)) //false

tips:一旦every()和some()確認該返回什麼值時它們就會停止遍歷元素

reduce()和reduceright()方法使用指定的函式將元素進行組合,生成單個值。可以稱為「注入」和「摺疊」。示例:

var a = [1,2,3,4]

var sum = a.reduce(function (x, y) ,3)

console.log(sum) //13

var max = a.reduce(function (x,y) )

console.log(max) //4

reduce()需要兩個引數。第乙個執行化簡操作的函式。化簡函式的任務就是用某種方法把兩個值組合或化簡為乙個值,並返回化簡後的值。

在空陣列上,不帶初始值引數呼叫reduce()將導致型別錯誤異常。如果呼叫它的時候只有乙個值,陣列只有乙個元素並且沒有指定初始值,或者有乙個空陣列並且指定乙個初始值,reduce()只是簡單地返回那個值而不會呼叫簡化函式。

reduceright()的工作原理和reduce()一樣,不同的是它按照陣列索引從高到底(從右到左)處理陣列,而不是從低到高

indexof()和lastindexof()搜尋整個陣列中具有給定值的元素,返回找到的第乙個元素的索引或者如果沒有找到就返回-1。indexof()從頭到尾搜尋,而lastindexof()則反向搜尋。示例:

var a = [0,1,2,1,0]

console.log(a.indexof(1)) //1

console.log(a.lastindexof(1)) //3

console.log(a.indexof(3)) //-1

indexof()和lastindexof()方法不接收乙個函式作為其引數,第乙個引數是需要搜尋的值,第二個引數是可選的:它指定陣列的乙個索引,從指定位置開始搜尋。如果省略該引數,indexof()從頭開始搜尋,而lastindexof()從末尾開始搜尋。

js陣列常用方法

push 向陣列的末尾增加一項 返回值是陣列的新長度 unshift 向陣列開頭增加一項 返回值是陣列的新長度 pop 刪除陣列的末尾項 返回值是刪除的陣列項 shift 刪除陣列開頭項 返回被刪除的開頭專案 splice 刪除陣列中的任意項 返回值是被刪除的陣列項 slice 複製陣列 返回值是複...

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

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