查找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值,然后把這個(gè)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ǔ)充知識(shí):vue處理對(duì)象數(shù)組(下標(biāo)和值)
我就廢話不多說(shuō)了,大家還是直接看代碼吧~
Storelist(){ this.$api.question().then(res=>{ if (res.status==1){ let that = this let a = res.result.store // a是獲取接口的對(duì)象數(shù)組 console.log(a) console.log(a.length) // 對(duì)象數(shù)組--數(shù)據(jù)的長(zhǎng)度 var groupCount = Object.getOwnPropertyNames(a).length; console.log(groupCount) // 對(duì)象數(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)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于Element-ui中table默認(rèn)選中toggleRowSelection問(wèn)題
這篇文章主要介紹了關(guān)于Element-ui中table默認(rèn)選中toggleRowSelection問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08Vue3 appear 失效的問(wèn)題及如何使用 appear
appear 是一個(gè)在元素默認(rèn)被顯示的情況下 調(diào)用進(jìn)入動(dòng)畫(huà)效果,使得元素在這種初次渲染情況下 執(zhí)行進(jìn)入動(dòng)畫(huà)的屬性,最近在學(xué)習(xí)vue3的動(dòng)畫(huà)時(shí)遇到appear無(wú)法生效的問(wèn)題,本文給大家詳細(xì)講解,感興趣的朋友一起看看吧2023-10-10Vue 開(kāi)發(fā)音樂(lè)播放器之歌手頁(yè)右側(cè)快速入口功能
這篇文章主要介紹了Vue 開(kāi)發(fā)音樂(lè)播放器之歌手頁(yè)右側(cè)快速入口功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08vue項(xiàng)目多環(huán)境配置(.env)的實(shí)現(xiàn)
最常見(jiàn)的多環(huán)境配置,就是開(kāi)發(fā)環(huán)境配置,和生產(chǎn)環(huán)境配置,本文主要介紹了vue項(xiàng)目多環(huán)境配置的實(shí)現(xiàn),感興趣的可以了解一下2021-07-07解決ant design vue 表格a-table二次封裝,slots渲染的問(wèn)題
這篇文章主要介紹了解決ant design vue 表格a-table二次封裝,slots渲染的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10vue開(kāi)發(fā)頁(yè)面自適應(yīng)屏幕尺寸的實(shí)例代碼
使用vue開(kāi)發(fā)的頁(yè)面都是通過(guò)px設(shè)置它的尺寸,如果換了一個(gè)不同尺寸的屏幕就會(huì)出現(xiàn)頁(yè)面排版錯(cuò)亂,顯示不完整等情況,下面通過(guò)插件將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)代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-06-06vue基于Echarts的拖拽數(shù)據(jù)可視化功能實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于vue基于Echars的拖拽數(shù)據(jù)可視化功能實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12解決vue數(shù)組中對(duì)象屬性變化頁(yè)面不渲染問(wèn)題
今天小編就為大家分享一篇解決vue數(shù)組中對(duì)象屬性變化頁(yè)面不渲染問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08VUE使用day.js顯示時(shí)分秒并實(shí)時(shí)更新時(shí)間效果實(shí)例
vue.js是目前比較流行的前端框架之一,它提供了非常多的基礎(chǔ)組件和工具庫(kù),以方便開(kāi)發(fā)者快速搭建具有可重用性的web應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于VUE使用day.js顯示時(shí)分秒并實(shí)時(shí)更新時(shí)間效果的相關(guān)資料,需要的朋友可以參考下2024-04-04