這期內容當中小編將會給大家?guī)碛嘘P如何在JavaScript中遍歷Array對象,文章內容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
成都創(chuàng)新互聯服務項目包括硚口網站建設、硚口網站制作、硚口網頁制作以及硚口網絡營銷策劃等。多年來,我們專注于互聯網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯網行業(yè)的解決方案,硚口網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到硚口省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
1.forEach(),遍歷數組的每個元素
let arrFor = ['muzi','digbig','muzidigbig','lucky'] //forEach(),遍歷數組的每個元素 arrFor.forEach((item,index) => { console.log(`${index}---${item}`) })
2.map(參數為回調函數)函數,遍歷數組每個元素,并回調操作,需要返回值,返回值組成新數組,原數組不變;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrMap = arr.map((item,index) => { return { id:item.id, name:item.name, sex:'男' } }) console.log(arrMap)
3.filter(參數為回調函數)函數:過濾通過條件的元素組成一個新數組,原數組不變;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrFilter = arr.filter((item,index) => { return item.id >= 2; }) console.log(arrFilter)
4.some(參數為回調函數)函數,遍歷數組中是否有符合條件的函數,返回布爾值;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrSome = arr.some((item,index) => { return item.id === 5 }) console.log(arrSome)
5.every(參數為回調函數)函數,遍歷數組是否每個元素都符合條件,返回布爾值;
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrEvery = arr.every((item,index) => { return item.id >= 1 }) console.log(arrEvery)
6.find()函數,數組中的每個元素都執(zhí)行這個回調函數;返回第一個滿足條件的元素 之后的元素就不在調用;沒有符合的返回undefined;并沒有改變數組的原始值。
let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}] const arrFind = arr.find((item,index) => { return item.id === 1 }) console.log(arrFind)
7.reduce(),合并二維數組
var twoArr = [['mu','zi'],['dig','big'],['lucky','jiji']]; var oneArr = twoArr.reduce(function(total,currentValue){ // console.log(total) return total.concat(currentValue); },[]) console.log(oneArr);//["mu", "zi", "dig", "big", "lucky", "jiji"]
JavaScript是一種直譯式的腳本語言,其解釋器被稱為JavaScript引擎,是瀏覽器的一部分,JavaScript是被廣泛用于客戶端的腳本語言,最早是在HTML網頁上使用,用來給HTML網頁增加動態(tài)功能。
上述就是小編為大家分享的如何在JavaScript中遍歷Array對象了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。