查找Vue中下標(biāo)的操作(some和findindex)
更新時間：2020年08月12日 16:34:46 作者：東方月光
這篇文章主要介紹了查找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中每一項的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值
補(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)文章
echarts是我們后臺系統(tǒng)中最常用的數(shù)據(jù)統(tǒng)計圖形展示,外界對它的二次封裝也不計層數(shù),這篇文章主要介紹了vue3.x對echarts的二次封裝之按需加載,需要的朋友可以參考下2023-09-09
本文主要介紹了element合并表格行的方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
Vue?+?Element?實(shí)現(xiàn)按鈕指定間隔時間點(diǎn)擊思路詳解
這篇文章主要介紹了Vue?+?Element?實(shí)現(xiàn)按鈕指定間隔時間點(diǎn)擊,實(shí)現(xiàn)思路大概是通過加一個本地緩存的時間戳，通過時間戳計算指定時間內(nèi)不能點(diǎn)擊按鈕，具體實(shí)現(xiàn)代碼跟隨小編一起看看吧2023-12-12
這篇文章介紹了Vue路由vue-router的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01
為了提升頁面加載速度,我們可以使用頁面骨架屏技術(shù)來優(yōu)化用戶感知,下面就跟隨小編一起學(xué)習(xí)一下如何在vue中實(shí)現(xiàn)頁面骨架屏吧2024-03-03
Vue 動態(tài)設(shè)置路由參數(shù)的案例分析
這篇文章主要介紹了Vue 動態(tài)設(shè)置路由參數(shù)的案例分析,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-04-04
使用Vite+Vue3+Vant全家桶快速構(gòu)建項目步驟詳解
這篇文章主要為大家介紹了使用Vite+Vue3+Vant全家桶快速構(gòu)建項目步驟詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
vue實(shí)現(xiàn)監(jiān)聽localstorage值變化
這篇文章主要介紹了vue實(shí)現(xiàn)監(jiān)聽localstorage值變化，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
前端構(gòu)建工具Webpack、Vite區(qū)別有哪些
Webpack和Vite是兩種主流的前端構(gòu)建工具,它們在功能、性能和使用場景上有所不同,Webpack提供豐富的功能和配置,適合大型復(fù)雜項目,但可能導(dǎo)致啟動和構(gòu)建速度較慢,Vite基于ES模塊,支持快速的熱替換,適合小型或中等項目,需要的朋友可以參考下2024-10-10
Vue-router是Vue的核心組件，主要是作為Vue的路由管理器，Vue-router默認(rèn)hash模式，通過引入Vue-router對象模塊時配置mode屬性可以啟用history模式，本文將通過代碼示例給大家詳細(xì)分析Vue路由History模式2023-06-06