查找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执行效率与性能提升方案
Dec 21 Javascript
javascript:json数据的页面绑定示例代码
Jan 26 Javascript
jQuery html()方法使用不了无法显示内容的问题
Aug 06 Javascript
AngularJS HTML DOM详解及示例代码
Aug 17 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
canvas雪花效果核心代码分享
Feb 19 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
解决vue项目使用font-awesome,build后路径的问题
Sep 01 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
使用Angular自定义字段校验指令的方法示例
Feb 01 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
Sep 11 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
Feb 04 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 和 MySQL 基础教程(四)
2006/10/09 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
修改PHP脚本使WordPress拦截垃圾评论的方法示例
2015/12/10 PHP
由php中字符offset特征造成的绕过漏洞详解
2017/07/07 PHP
JavaScript 模拟用户单击事件
2009/12/31 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
微信小程序module.exports模块化操作实例浅析
2018/12/20 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
python计算最小优先级队列代码分享
2013/12/18 Python
python获取android设备的GPS信息脚本分享
2015/03/06 Python
Python新手实现2048小游戏
2015/03/31 Python
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
Python程序打包工具py2exe和PyInstaller详解
2019/06/28 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
python读取当前目录下的CSV文件数据
2020/03/11 Python
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
Ruby如何创建一个线程
2013/03/10 面试题
大学生专科学习生活的自我评价
2013/12/07 职场文书
法人代表授权委托书
2014/04/08 职场文书
倡议书格式范文
2014/04/14 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
2014年工人工作总结
2014/11/25 职场文书
邀请书模板
2015/02/02 职场文书
2015年路政工作总结
2015/05/22 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
四年级作文之说明文作文
2019/10/14 职场文书