查找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 相关文章推荐
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 Javascript
jquery(live)中File input的change方法只起一次作用的解决办法
Oct 21 Javascript
MooBox 基于Mootools的对话框插件
Jan 20 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
May 12 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
vue中使用protobuf的过程记录
Oct 26 Javascript
JS隐藏号码中间4位代码实例
Apr 09 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
详解基于原生JS验证表单组件xy-form
Aug 20 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
php 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
php 获取页面中指定内容的实现类
2014/01/23 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
SyntaxHighlighter代码加色使用方法
2008/09/07 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
js剪切板应用clipboardData实例解析
2016/05/29 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
2016/09/05 Javascript
微信小程序按钮去除边框线分享页面功能
2018/08/27 Javascript
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
Python中操作MySQL入门实例
2015/02/08 Python
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
Python编程中类与类的关系详解
2019/08/08 Python
flask实现验证码并验证功能
2019/12/05 Python
python获取引用对象的个数方式
2019/12/20 Python
通过案例解析python鸭子类型相关原理
2020/10/10 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
海淘零差价,宝贝全球购: 宝贝格子
2016/08/24 全球购物
特罗佩亚包官方网站:Tropea
2017/01/03 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
应届生财务管理求职信
2013/11/06 职场文书
创业计划书怎样才能打动风投
2014/01/01 职场文书
个人总结格式范文
2015/03/09 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers