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


Posted in Javascript onAugust 12, 2020

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,就不再往后执行

var index= this.list.findIndex(item=>{
          if(item.id==id){
            return true
          }
        })

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

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

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

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)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 继承详解(一)
Jul 13 Javascript
jQuery实现拖拽效果插件的方法
Mar 23 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
Sep 22 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
Dec 11 Javascript
js HTML5 Canvas绘制转盘抽奖
Sep 13 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
Ajax跨域实现代码(后台jsp)
Jan 21 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
JS判断微信扫码的方法
Aug 07 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 Javascript
修改Vue打包后的默认文件名操作
Aug 12 #Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 #Javascript
vue设置默认首页的操作
Aug 12 #Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 #Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 #Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 #Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
Aug 12 #Javascript
You might like
substr()函数中文版
2006/10/09 PHP
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
Javascript在IE和FireFox中的不同表现简析
2012/12/03 Javascript
什么是json和jsonp,jQuery json实例详详细说明
2012/12/11 Javascript
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
2015/01/20 Javascript
AngularJS语法详解
2015/01/23 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
利用JS实现数字增长
2016/07/28 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
requirejs + vue 项目搭建详解
2017/06/16 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
JavaScript实现的九种排序算法
2019/03/04 Javascript
jquery实现弹窗(系统提示框)效果
2019/12/10 jQuery
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
竞选演讲稿范文
2013/12/28 职场文书
师德师风承诺书
2014/05/23 职场文书
介绍信模板
2015/01/31 职场文书
表扬信范文
2015/05/04 职场文书
亲戚关系证明
2015/06/24 职场文书
关于springboot 配置date字段返回时间戳的问题
2021/07/25 Java/Android
详解Golang如何优雅的终止一个服务
2022/03/21 Golang
浅谈为什么我的 z-index 又不生效了
2022/07/15 HTML / CSS