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ù)