快捷導(dǎo)航

Vue判斷數(shù)組內(nèi)是否存在某一項(xiàng)的兩種方法

更新時間：2023年07月11日 11:37:05 作者：椿?

這篇文章主要介紹了Vue判斷數(shù)組內(nèi)是否存在某一項(xiàng),今天給大家分享兩種方法，分別是findIndex()和 indexOf()方法，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下

Vue判斷數(shù)組內(nèi)是否存在某一項(xiàng)

兩種方法：

findIndex（）和 indexOf（）方法

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

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 ){
	...
	}	
}

實(shí)例

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)是否存在某一項(xiàng)的文章就介紹到這了,更多相關(guān)Vue判斷數(shù)組內(nèi)是否存在某一項(xiàng)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: