常用的方法(數(shù)組)

  • 現(xiàn)有數(shù)組
const arr = [1,2,3];
const arr2 = [7,8,9]
  1. arr.push() 在數(shù)組末尾添加新元素，返回值：數(shù)組新長(zhǎng)度
console.log(arr.push(5));//4

arr.push(5)
console.log(arr);//[1,2,3,5]
  1. arr.pop() 刪除數(shù)組的最后一個(gè)元素，返回值：該元素
console.log(arr.pop());//3

arr.pop()
console.log(arr);//[1,2]
  1. arr.unshift() 在數(shù)組的首位添加一個(gè)新元素，返回值：數(shù)組的新長(zhǎng)度
console.log(arr.unshift(0));//4

arr.unshift(0)
console.log(arr);//[0,1,2,3]
  1. arr.shift() 刪除數(shù)組的首位元素，返回值：該元素
console.log(arr.shift());//1

arr.shift()
console.log(arr);//[2,3]
  1. arr.reverse() 顛倒數(shù)組，返回值：顛倒后的數(shù)組
console.log(arr.reverse());//[3,2,1]
  1. arr.slice() 選擇數(shù)組的一部分，返回值：選擇的數(shù)組部分,不改變?cè)瓟?shù)組 
//兩個(gè)參數(shù)(開始索引，結(jié)束索引)，選擇內(nèi)容為從開始索引到結(jié)束索引(不包含結(jié)束索引)
console.log(arr.slice(0,2));[1,2]

arr.slice(0,2)
console.log(arr);//[1,2,3]，
  1. arr.splice() 從數(shù)組中添加，刪除元素，返回值：被刪除的元素，改變?cè)瓟?shù)組 
/*
  *arr.splice(index,howmany,item1,item2)
  *三個(gè)參數(shù) index howmany item
  *index 必選 整數(shù) 指定在什么位置添加或者刪除元素，負(fù)值則為數(shù)組末尾位置
  *howmany 可選 要?jiǎng)h除的元素?cái)?shù)量 0為不刪除
  *item 可選 可以為多個(gè) 要添加到數(shù)組的元素
 */
console.log(arr.splice(0,1));//[1]
console.log(arr);[2,3]
console.log(arr.splice(0,0,22,33));//[]
console.log(arr);//[22,33,2,3]
  1. arr.toString() 將數(shù)組轉(zhuǎn)化為字符串，返回值：改變后的字符串，不改變?cè)瓟?shù)組 
console.log(arr.toString());//1,2,3
console.log(arr);//[1,2,3]
  1. Array.isArray() 判斷對(duì)象是否是數(shù)組，返回值：Boolean
console.log(Array.isArray(arr));//true
const obj={a:10}
console.log(Array.isArray(obj));//false
let str = 'hello'
console.log(Array.isArray(str));//false
  1. arr.join() 將數(shù)組的所有元素拼成一個(gè)字符串，返回值：拼接后的字符串，不改變?cè)瓟?shù)組 
console.log(arr.join());//1,2,3 默認(rèn)是以 , 拼接
console.log(arr.join('-'));//1-2-3
console.log('拼接');//1拼接2拼接3
  1. arr.map() map循環(huán)，返回值：每個(gè)元素調(diào)用函數(shù)后的結(jié)果，不會(huì)改變?cè)瓟?shù)組 
//函數(shù)為必填項(xiàng)
console.log(arr.map(item=>item+2));[3,4,5]
  1. arr.forEach() forEach循環(huán)，元素按順序執(zhí)行調(diào)用函數(shù)，沒有返回值 
console.log(arr.forEach(item=>item+=2));//undefined
//一般用于對(duì)數(shù)組進(jìn)行的處理
const temp = []
arr.forEach(item=>{
  temp.push(item+=5)
})
console.log(temp);//[6,7,8]
  1. arr.filter() 數(shù)組過濾，返回值：符合函數(shù)過濾條件的元素，不改變?cè)瓟?shù)組 
//參數(shù)為一個(gè)函數(shù) 必選
console.log(arr.filter(item=>item>0));//[1,2]
  1. arr.concat() 合并數(shù)組，合并后的新數(shù)組,不改變?cè)瓟?shù)組 
const arr2 = [4,5,6];
const arr3 = [7,8,9];
console.log(arr.concat(arr2,arr3));//[1,2,3,4,5,6,7,8,9]
console.log(arr);//[1,2,3]
  1. 合并數(shù)組 ES6的...擴(kuò)展運(yùn)算符
const arr2 = [4,5,6];
const arr3 = [7,8,9];
console.log([...arr,...arr2,...arr3]);//[1,2,3,4,5,6,7,8,9]
  1. arr.fill() 靜態(tài)值填充數(shù)組中的指定元素，返回值：改變后的數(shù)組，會(huì)改變?cè)瓟?shù)組 
 /*
  * array.fill(value, start, end)
  * 有三個(gè)參數(shù)
  * value 靜態(tài)的值
  * start 可選 開始索引
  * end 可選 結(jié)束索引,不包含結(jié)束索引，默認(rèn)為數(shù)組長(zhǎng)度
  */
console.log(arr.fill('a',1,2));//[a,'a',3]
  1. arr.copyWithin() 將數(shù)組中的元素復(fù)制到數(shù)組的另一個(gè)位置，覆蓋現(xiàn)有的，返回值：復(fù)制之后的，改變?cè)瓟?shù)組 
 /*
  * array.copyWithin(target, start, end)
  * 三個(gè)參數(shù)
  * target 必選 元素被復(fù)制到的索引位置
  * start 可選 開始復(fù)制的索引位置
  * end 可選 結(jié)束復(fù)制的索引位置,不選則為最后的索引
  */
console.log(arr.copyWithin(1,0));//[1,1,2]
console.log(arr);//[1,1,2]
  1. arr.indexOf() 從數(shù)組中搜索指定元素，有則返回第一次出現(xiàn)的索引，沒有則返回-1
console.log(arr.indexOf(3));//2
console.log(4);//-1
  1. arr.lastIndexOf() 倒序從數(shù)組中搜尋某個(gè)元素，有則返回索引，沒有返回-1
console.log(arr.lastIndexOf(4));//-1
console.log(arr.lastIndexOf(2));//1
  1. arr.find() 元素查找，返回值：第一個(gè)符合函數(shù)過濾條件的元素，沒有則為undefined，不改變?cè)瓟?shù)組 
console.log(arr.find(item=>item>0));//1
console.log(arr.find(item=>item>3));//undefined
  1. arr.findIndex() 獲取第一個(gè)符合條件的元素的索引，類似于arr.indexOF()，返回值：第一個(gè)符合條件的元素的索引，沒有則返回undefined，不改變?cè)瓟?shù)組 
console.log(arr.finIndex(item=>item>2));//2
console.log(arr.findindex(item=>item<0));//undefined
  1. arr.every() 判斷數(shù)組的元素是否全部符合條件，返回值：Boolean，不會(huì)改變?cè)瓟?shù)組 
//參數(shù)是一個(gè)函數(shù) 必填
console.log(arr.every(item=>item>3));//false
console.log(arr.every(item=>item>0));//true
  1. arr.includes() 判斷數(shù)組是否包含指定元素，返回值：Boolean，區(qū)分大小寫，不改變?cè)瓟?shù)組 
console.log(arr.includes(4));//false
console.log(2);//true
  1. arr.some() 檢查數(shù)組中的元素是否符合條件，返回值：Boolean，不改變?cè)瓟?shù)組 
//參數(shù)為一個(gè)函數(shù) 必選
//和arr.includes()類似，區(qū)別：找到后則不再往下尋找
console.log(arr.some(item=>item>3));//false
console.log(item.some(1));//true
  1. arr.keys() 返回帶有數(shù)組鍵的Array interator對(duì)象，不改變?cè)瓟?shù)組 
console.log(arr.keys());//Array interator

let temp = arr.keys()
let arr2 = []
for(let item of temp){
  arr2.push(item)
}
console.log(arr2);//[0,1,2]原數(shù)組的鍵的數(shù)組
  1. arr.entries() 返回帶有鍵/值對(duì)形式的Array interator對(duì)象，帶有interator接口的可以使用for...of...循環(huán)不改變?cè)瓟?shù)組 
console.log(arr.entries());//Array Interator {}
let temp = arr.entries()
let arr2 = []
for(let item of temp){
  arr2.push(item)
};
//變成了二維數(shù)組，數(shù)組的第一個(gè)值為索引，第二個(gè)值為元素本身
console.log(arr2);//[[0,1],[1,2],[2,3]]
  1. arr.sort() 排序，默認(rèn)是按字母和升序?qū)⒅底鳛樽址M(jìn)行排序，有一些局限性，所以一般情況下傳入一個(gè)比較函數(shù)使用，返回值：排序后的函數(shù)，會(huì)改變?cè)瓟?shù)組 
const arr2 = [10,5,32,65,235]
console.log(arr.sort((a,b)=>{return a-b}));//[5,10,32,65,235]升序
console.log(arr.sort((a,b)=>{return b-a}));//[235,65,32,10,5] 降序
console.log(arr2);//[235,65,32,10,5]
  1. arr.valueOf() 返回?cái)?shù)組，是數(shù)組的默認(rèn)方法，不會(huì)改變?cè)瓟?shù)組 
console.log(arr.valueOf());//[1,2,3]
  1. 數(shù)組去重(只列舉一個(gè)代碼最少的),不改變?cè)瓟?shù)組 
const arr2 = [NaN,NaN,'aa','aa',2,24,24,null.null]
console.log([...new Set(arr2)])
  1. arr.reduce() 數(shù)組求和或其他
previousValue 上一次回調(diào)函數(shù)的返回值，初始值為：initialValue，若initialValue沒有值則使用第一個(gè)元素
item 下一個(gè)元素，initialValue有值時(shí)，初始值為第一個(gè)元素，若initialValue沒有值，初始值為第二個(gè)元素，之后每次執(zhí)行回調(diào)都使用下一個(gè)元素
index 元素下標(biāo)
arr 調(diào)用方法的數(shù)組
initialValue  初始值【可選】initialValue有值時(shí)，第一次調(diào)用會(huì)傳給previousValue,回調(diào)執(zhí)行arr.length次，沒有值時(shí)，回調(diào)執(zhí)行arr.length-1次
arr.reduce((previousValue, item, index, arr) => {}, initialValue)

let arr = [1,3,2,4,5,6,7,8]
let res = arr.reduce((prev,item,index,arr)=>{
  return prev + item
},0)
console.log(res) // 36

附一個(gè)小示例：

[1,2,3,4,5][2,3,5,1,9]，[3,7,8]，[3,4,5,6] 取出在所有數(shù)組里出現(xiàn)的元素，以及元素出現(xiàn)的次數(shù)。

const arr1 = [1, 2, 3, 4, 5]
const arr2 = [2, 3, 4, 5, 6]
const arr3 = [3, 4, 5, 6, 7]
const arr4 = [4, 5, 6, 7, 8]
let arr = [].concat(arr1, arr2, arr3, arr4)//合并數(shù)組
// 記錄每個(gè)元素出現(xiàn)的次數(shù) {1:1,2:3,...}
const res = arr.reduce((prev, cur) => {
    if (cur in prev) {
        prev[cur]++
    } else {
        prev[cur] = 1
    }
    return prev
}, {})
// 對(duì)象轉(zhuǎn)換為數(shù)組套數(shù)組的形式，并根據(jù)出現(xiàn)的次數(shù)進(jìn)行排序
let resArr = Object.entries(res).sort((a, b) => { return b[1] - a[1] })// a-b 升序   b-a 降序
console.log('結(jié)果', resArr)
// 打印結(jié)果示例： [['4', 4],['5', 4],['3', 3],['6', 3],['2', 2],['7', 2],['1', 1],['8', 1]]
  • 為了方便使用，特此記錄
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

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

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