Js的必須掌握的數(shù)組方法

js數(shù)組的基礎(chǔ)方法

(基礎(chǔ)方法很好理解,就不做過多面描述)

Array.shift()

刪除數(shù)組第一位元素

Array.unshift()

添加數(shù)組第一位元素

Array.pop()

刪除數(shù)組最后一位元素

Array.push()

添加數(shù)組最后一位元素

Array.concat()

拼接數(shù)組 // arr1.concat(arr2)

Array.reverse()

反轉(zhuǎn)數(shù)組

Array.tostring()

數(shù)組轉(zhuǎn)換成字符串

Array.join()

數(shù)組轉(zhuǎn)換成字符串,并寫的一個(gè)參數(shù),拼接符

Array.slice()

截取數(shù)組

arr1.slice(1, 3)
slice(start, end)

Array.splice()

splice(start, end, ...)
開始位置,結(jié)束位置

刪除
刪除下標(biāo)3之后的3位數(shù)組元素
arr1.splice(3, 3)
替換
將數(shù)組元素下標(biāo)為2之后的兩位數(shù)組元素,替換成'hello' 、 'word'
arr1.splice(2, 2, 'hello', 'word')
新增
新增了一個(gè)'new'
arr1.splice(2, 0, 'new')

Array.sort(callback)

sort排序: 正序和倒序,有返回值,a-b正序,b-a倒序
arr1.sort((a, b) =>{
 return a - b
})

ES5新增:

Array.indexOf(data, start)

查找指定字符在數(shù)組中第一次出現(xiàn)的地方

arr1.indexof('a', 1)
查找a,從下標(biāo)為1的位置開始查找

Array.filter()

字如其名,篩選過濾 有返回值,返回條件為true的元素

arr1.filter((ietm, index) => {
    return /條件為true/
})

Array.map()

遍歷數(shù)組,有返回值

arr1.map((item,index)=>{
 return /值/
})

Array.forEach()

遍歷數(shù)組 沒有返回值

arr1.forEach((item, index)=>{
 return /值/
})

Array.fill()

填充數(shù)組

let arr = new Array(5).fill(null).map((item)=>{
 console.log(item)
})
// arr1 => [null, null, null, null, null]

Array.find(callback)

查找數(shù)組,返回滿足條件的第一個(gè)元素的值

arr = [1,2,3,4,5,6]
arr.find((item)=> item > 2)
=> 3

Array.reduce()

累加器,從左到右計(jì)算

let arr = [1,2,3,4,5,6]
let value = arr.reduce((a, b) => a += b)
原理: 
1、a是數(shù)組下標(biāo)為0的元素,b是數(shù)組下標(biāo)為1的元素
2、當(dāng)a+b(1+2) = 3 ,這個(gè)時(shí)候數(shù)組下標(biāo)0和1合并
3、這個(gè)時(shí)候a數(shù)組下標(biāo)為0,值為三,原本下標(biāo)為2的元素,現(xiàn)在下標(biāo)為1 [3,3,4,5,6]
4、數(shù)組 a+b依次累加 ,直到數(shù)組全部累加

Array.reduceRight()

和reduce()相似,唯一的不同就是 從右往左累加

Array.from()

轉(zhuǎn)換為數(shù)組

可以將字符串轉(zhuǎn)換為數(shù)組
可以將集合轉(zhuǎn)換為數(shù)組
列:
let str = 'hello'
let arr = Array.from(str)
=> ['h', 'e', 'l', 'l', 'o']

Array.isArray()

判斷是否是數(shù)組

let str = 'hello'
let arr = ['h', 'e', 'l', 'l', 'o']
用法:
let s = Array.isArray(str) // s => false
let s = Array.isArray(arr) // s => true

Array.keys()

迭代數(shù)組的下標(biāo)

有next方法 或者使用for...of迭代
const array1 = ['a', 'b', 'c'];
const iterator = array1.keys();
    for (const i of iterator) {
        console.log(i) // => 0, 1, 2
    }

Array.values()

迭代數(shù)組的值

有next方法 或者使用for...of迭代
const array1 = ['a', 'b', 'c'];
const iterator = array1.values();
    for (const i of iterator) {
        console.log(i) // a, b, c
    }

Array.entries()

迭代數(shù)組
返回一個(gè)數(shù)組對象,每個(gè)數(shù)組元素的 鍵/值對

const array1 = ['a', 'b', 'c'];
const iterator = array1.entries();
    for (const i of iterator) {
        console.log(i)
    }
// [0, 'a'], [1, 'b'], [2, 'c']

ES6新增:

Array.some()

數(shù)組有一個(gè)元素滿足條件才返回true,反之false,會(huì)遍歷數(shù)組

let arr = [1,2,3,4,5,6]
let bool = arr.some((item)=> item > 7) // false
let bool = arr.some((item)=> item > 7) // true

Array.every()

數(shù)組有一個(gè)元素滿足條件才返回true,反之false,會(huì)遍歷數(shù)組

let arr = [1,2,3,4,5,6]
let bool = arr.every((item)=> item > 0) // true
let bool = arr.every((item)=> item > 2) // false

Array.includes()

判斷數(shù)組是否包含指定的值, (全等于)

let arr = [2,3,4,5,6]
let bool = arr.includes('2') // false
let bool = arr.includes(2) // true 

ES7+

Array.flat(num)

多維數(shù)組扁平化

let arr = [2,3,4,5,[[[[[[[[6]]]]]]]]]
let bool = arr.flat(8) 
num : 數(shù)組扁平化的次數(shù)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容