Vue判斷數(shù)組內是否存在某一項的兩種方法
更新時間：2023年07月11日 11:37:05 作者：椿?
這篇文章主要介紹了Vue判斷數(shù)組內是否存在某一項,今天給大家分享兩種方法，分別是findIndex()和 indexOf()方法，本文結合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下
Vue判斷數(shù)組內是否存在某一項
兩種方法：
findIndex（）和 indexOf（）方法
findIndex（）顧名思義，查找符合條件的值并返回其索引（返回值為-1表示不存在滿足條件的值），通過判斷返回值對其進行下一步操作
indexOf（）從頭開始尋找是否存在符合條件的字符串，返回值為-1表示不存在
//方法一:通用
xx(Arr,date){
// 返回值等于-1 說明數(shù)組Arr中不存在id為date的對象
if( Arr.findIndex(item => item.id=== date )!==-1){
...
}
}
//方法二：當數(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ù)組內是否存在數(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 不存在到此這篇關于Vue判斷數(shù)組內是否存在某一項的文章就介紹到這了,更多相關Vue判斷數(shù)組內是否存在某一項內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了Vue項目中props傳值時子組件檢測不到的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue+ElementUI table實現(xiàn)表格分頁
這篇文章主要為大家詳細介紹了Vue+ElementUI table實現(xiàn)表格分頁，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了vue 實現(xiàn)Web端的定位功能獲取經緯度，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了vue結合echarts繪制一個支持切換的折線圖實例，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
對請求的封裝在實際項目中是十分必要的,它可以讓我們統(tǒng)一處理 http 請求,比如做一些攔截,處理一些錯誤等,本篇文章將詳細介紹如何封裝 axios 請求,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了基于Vue.js的移動組件庫cube-ui，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要為大家介紹了Vite的createServer啟動源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
使用npm報了很多錯,做的事情就是把錯誤復制到百度上去搜索,看看哪個解決方案有效,下面這篇文章主要給大家介紹了關于npm打包失敗排查的全過程,需要的朋友可以參考下2022-11-11
這篇文章主要為大家介紹了vue3?emits事件使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了vue中組件參數(shù),本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07