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

目錄

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

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

兩種方法：

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

實例

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)！

【來源：國外高防服務(wù)器 http://www.558idc.com/stgf.html 歡迎留下您的寶貴建議】