Vue判斷數組內是否存在某一項的兩種方法

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

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

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

//方法一:通用xx(Arr,date){ // 返回值等于-1 說明數組Arr中不存在id為date的對象if( Arr.findIndex(item => item.id=== date )!==-1){...}}//方法二：當數組里的對象為字符串時用這個方法更簡單xx(Arr,date){// 返回值等于-1 說明數組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數組 //判斷數組內是否存在數據that.storeId，如果不存在返回值為-1 if(that.cards.findIndex(item => item.mindId=== that.storeId)!==-1){ that.isActive = true } })VUE-判斷數組中是否含有某個值①findIndex（）['zahngsan','lisi','LIXIUJUAN700','WANGYIBO500'].findIndex((v)=>(v==='LIXIUJUAN700'))// 得到的值!==-1,則存在// 返回2，該值在數組中的位置②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 則存在，返回的是該值在數組的索引 0④filter（） ['nts','stg','esg'].filter((m)=>(m!=='stg'));// ['nts','esg']// 可以判斷數組過濾后的長度與過濾后的長度比較⑤includes（）['stg','nts','cds','app'].includes('app');// true 存在// false 不存在

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