服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 查找Vue中下标的操作(some和findindex)

查找Vue中下标的操作(some和findindex)

2021-08-20 16:17东方月光 JavaScript

这篇文章主要介绍了查找Vue中下标的操作(some和findindex),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

some的用法

?
1
2
3
4
5
6
7
8
9
10
11
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,就不再往后执行

?
1
2
3
4
5
var index= this.list.findIndex(item=>{
          if(item.id==id){
            return true
          }
        })

findIndex 同理也是遍历list中的id值,item.id就是list中的id值

补充知识:vue处理对象数组(下标和值)

 

我就废话不多说了,大家还是直接看代码吧~

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
Storelist(){
     this.$api.question().then(res=>{
      if (res.status==1){
       let that = this
       let a = res.result.store
       // a是获取接口的对象数组
       console.log(a)
       console.log(a.length)
 
       // 对象数组--数据的长度
       var groupCount = Object.getOwnPropertyNames(a).length;
       console.log(groupCount)
 
       // 对象数组的下标
       var keys1 = []
       for (var p1 in a) {
        if (a.hasOwnProperty(p1))
         keys1.push(p1);
       }
       console.log(keys1)
        
        //组合数据-拼接成数组
       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)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/dongfangyueguang/article/details/100020538

延伸 · 阅读

精彩推荐