查找Vue中下標的操作(some和findindex)
some的用法
list:[ {id:1,name:'奔馳',citme:new Date()}, {id:2,name:'寶馬',citme:new Date()} ] - // this.list.some((item,i)=>{ // if(item.id==id){ // this.list.splice(i,1) // return true // } // })
其中some是比較list中每一項的id值,然后把這個id值給了item,item.id就代表了list中的每一項id值,如果返回true,就不再往后執(zhí)行
var index= this.list.findIndex(item=>{ if(item.id==id){ return true } })
findIndex 同理也是遍歷list中的id值,item.id就是list中的id值
補充知識:vue處理對象數(shù)組(下標和值)
我就廢話不多說了,大家還是直接看代碼吧~
Storelist(){ this.$api.question().then(res=>{ if (res.status==1){ let that = this let a = res.result.store // a是獲取接口的對象數(shù)組 console.log(a) console.log(a.length) // 對象數(shù)組--數(shù)據(jù)的長度 var groupCount = Object.getOwnPropertyNames(a).length; console.log(groupCount) // 對象數(shù)組的下標 var keys1 = [] for (var p1 in a) { if (a.hasOwnProperty(p1)) keys1.push(p1); } console.log(keys1) //組合數(shù)據(jù)-拼接成數(shù)組 let qqq = [] for (let i=0;i<keys1.length;i++){ console.log(keys1[i]) console.log(a[keys1[i]]) qqq.push({ pid:keys1[i], name:a[keys1[i]] }) } console.log(qqq) } }) },
以上這篇查找Vue中下標的操作(some和findindex)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
關于Element-ui中table默認選中toggleRowSelection問題
這篇文章主要介紹了關于Element-ui中table默認選中toggleRowSelection問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08vue項目多環(huán)境配置(.env)的實現(xiàn)
最常見的多環(huán)境配置,就是開發(fā)環(huán)境配置,和生產環(huán)境配置,本文主要介紹了vue項目多環(huán)境配置的實現(xiàn),感興趣的可以了解一下2021-07-07解決ant design vue 表格a-table二次封裝,slots渲染的問題
這篇文章主要介紹了解決ant design vue 表格a-table二次封裝,slots渲染的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10vue+springmvc導出excel數(shù)據(jù)的實現(xiàn)代碼
這篇文章主要介紹了vue+springmvc導出excel數(shù)據(jù)的實現(xiàn)代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06vue基于Echarts的拖拽數(shù)據(jù)可視化功能實現(xiàn)
這篇文章主要給大家介紹了關于vue基于Echars的拖拽數(shù)據(jù)可視化功能實現(xiàn)的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-12-12