查找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值
補充知識：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問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
appear 是一個在元素默認(rèn)被顯示的情況下 調(diào)用進(jìn)入動畫效果,使得元素在這種初次渲染情況下 執(zhí)行進(jìn)入動畫的屬性,最近在學(xué)習(xí)vue3的動畫時遇到appear無法生效的問題,本文給大家詳細(xì)講解,感興趣的朋友一起看看吧2023-10-10
Vue 開發(fā)音樂播放器之歌手頁右側(cè)快速入口功能
這篇文章主要介紹了Vue 開發(fā)音樂播放器之歌手頁右側(cè)快速入口功能,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-08-08
vue項目多環(huán)境配置(.env)的實現(xiàn)
最常見的多環(huán)境配置，就是開發(fā)環(huán)境配置,和生產(chǎ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-10
使用vue開發(fā)的頁面都是通過px設(shè)置它的尺寸，如果換了一個不同尺寸的屏幕就會出現(xiàn)頁面排版錯亂，顯示不完整等情況，下面通過插件將px裝換為rem單位適應(yīng)不同尺寸的屏幕,需要的朋友可以參考下2022-12-12
vue+springmvc導(dǎo)出excel數(shù)據(jù)的實現(xiàn)代碼
這篇文章主要介紹了vue+springmvc導(dǎo)出excel數(shù)據(jù)的實現(xiàn)代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06
vue基于Echarts的拖拽數(shù)據(jù)可視化功能實現(xiàn)
這篇文章主要給大家介紹了關(guān)于vue基于Echars的拖拽數(shù)據(jù)可視化功能實現(xiàn)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
今天小編就為大家分享一篇解決vue數(shù)組中對象屬性變化頁面不渲染問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
vue.js是目前比較流行的前端框架之一,它提供了非常多的基礎(chǔ)組件和工具庫,以方便開發(fā)者快速搭建具有可重用性的web應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于VUE使用day.js顯示時分秒并實時更新時間效果的相關(guān)資料,需要的朋友可以參考下2024-04-04