查找Vue中下標(biāo)的操作(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中每一項(xiàng)的id值,然后把這個id值給了item,item.id就代表了list中的每一項(xiàng)id值,如果返回true,就不再往后執(zhí)行
var index= this.list.findIndex(item=>{ if(item.id==id){ return true } })
findIndex 同理也是遍歷list中的id值,item.id就是list中的id值
補(bǔ)充知識:vue處理對象數(shù)組(下標(biāo)和值)
我就廢話不多說了,大家還是直接看代碼吧~
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ù)組的下標(biāo) 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中下標(biāo)的操作(some和findindex)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于Element-ui中table默認(rèn)選中toggleRowSelection問題
這篇文章主要介紹了關(guān)于Element-ui中table默認(rèn)選中toggleRowSelection問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08Vue 開發(fā)音樂播放器之歌手頁右側(cè)快速入口功能
這篇文章主要介紹了Vue 開發(fā)音樂播放器之歌手頁右側(cè)快速入口功能,非常不錯,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08vue項(xiàng)目多環(huán)境配置(.env)的實(shí)現(xiàn)
最常見的多環(huán)境配置,就是開發(fā)環(huán)境配置,和生產(chǎn)環(huán)境配置,本文主要介紹了vue項(xiàng)目多環(huán)境配置的實(shí)現(xiàn),感興趣的可以了解一下2021-07-07解決ant design vue 表格a-table二次封裝,slots渲染的問題
這篇文章主要介紹了解決ant design vue 表格a-table二次封裝,slots渲染的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10vue開發(fā)頁面自適應(yīng)屏幕尺寸的實(shí)例代碼
使用vue開發(fā)的頁面都是通過px設(shè)置它的尺寸,如果換了一個不同尺寸的屏幕就會出現(xiàn)頁面排版錯亂,顯示不完整等情況,下面通過插件將px裝換為rem單位適應(yīng)不同尺寸的屏幕,需要的朋友可以參考下2022-12-12vue+springmvc導(dǎo)出excel數(shù)據(jù)的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue+springmvc導(dǎo)出excel數(shù)據(jù)的實(shí)現(xiàn)代碼,非常不錯,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-06-06vue基于Echarts的拖拽數(shù)據(jù)可視化功能實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于vue基于Echars的拖拽數(shù)據(jù)可視化功能實(shí)現(xiàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12VUE使用day.js顯示時(shí)分秒并實(shí)時(shí)更新時(shí)間效果實(shí)例
vue.js是目前比較流行的前端框架之一,它提供了非常多的基礎(chǔ)組件和工具庫,以方便開發(fā)者快速搭建具有可重用性的web應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于VUE使用day.js顯示時(shí)分秒并實(shí)時(shí)更新時(shí)間效果的相關(guān)資料,需要的朋友可以參考下2024-04-04