目錄Vue判斷數(shù)組內(nèi)是否存在某一項兩種方法：findIndex（）和 indexOf（）方法VUE-判斷數(shù)組中是否含有某個值①findIndex（）②find（）③indexOf（）④filter（）⑤includes（）Vue判斷數(shù)組內(nèi)是否存在某一項兩種方法：findIndex（）和 indexOf（）方法

findIndex（）顧名思義，查找符合條件的值并返回其索引（返回值為-1表示不存在滿足條件的值），通過判斷返回值對其進行下一步操作

indexOf（）從頭開始尋找是否存在符合條件的字符串，返回值為-1表示不存在

//方法一:通用xx(Arr,date){ // 返回值等于-1 說明數(shù)組Arr中不存在id為date的對象if( Arr.findIndex(item => item.id=== date )!==-1){...}}//方法二：當(dāng)數(shù)組里的對象為字符串時用這個方法更簡單xx(Arr,date){// 返回值等于-1 說明數(shù)組Arr中不存在id為date的對象if( Arr.indexOf(date)!==-1 ){...}}

實例

xxx(){ const that=this; that.$axios.get('/get_collection_user') //axios請求.then((res)=>{ that.cards = res.data //獲取cards數(shù)組 //判斷數(shù)組內(nèi)是否存在數(shù)據(jù)that.storeId，如果不存在返回值為-1 if(that.cards.findIndex(item => item.mindId=== that.storeId)!==-1){ that.isActive = true } })VUE-判斷數(shù)組中是否含有某個值①findIndex（）['zahngsan','lisi','LIXIUJUAN700','WANGYIBO500'].findIndex((v)=>(v==='LIXIUJUAN700'))// 得到的值!==-1,則存在// 返回2，該值在數(shù)組中的位置②find（） let arr =[{name:'ZS'},{name:'WW'},{name:'LS'},{name:'GT'},{name:'JP'},{name:'JP'}];let obj =arr.find((item)=>{item.name==='JP'});if(obj){// 存在，返回obj={name:'JP'}}else{// 不存在}③indexOf（）['nts','stg','APP'].indexOf('nts')// === -1 則不存在// !== -1 則存在，返回的是該值在數(shù)組的索引 0④filter（） ['nts','stg','esg'].filter((m)=>(m!=='stg'));// ['nts','esg']// 可以判斷數(shù)組過濾后的長度與過濾后的長度比較⑤includes（）['stg','nts','cds','app'].includes('app');// true 存在// false 不存在

到此這篇關(guān)于Vue判斷數(shù)組內(nèi)是否存在某一項的文章就介紹到這了,更多相關(guān)Vue判斷數(shù)組內(nèi)是否存在某一項內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！