查找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 相关文章推荐
js 与或运算符 || &amp;&amp; 妙用
Dec 09 Javascript
jQuery的强大选择器小结
Dec 27 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
Dec 06 Javascript
JavaScript实现列出数组中最长的连续数
Dec 29 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
canvas 实现中国象棋
Feb 17 Javascript
vue 扩展现有组件的操作
Aug 14 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 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编程效率的方法
2013/11/07 PHP
php猴子选大王问题解决方法
2015/05/12 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
JSON 编辑器实现代码
2009/12/06 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
2013/07/10 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
javascript实现鼠标拖动改变层大小的方法
2015/04/30 Javascript
JavaScript合并两个数组并去除重复项的方法
2015/06/13 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
用Python实现通过哈希算法检测图片重复的教程
2015/04/02 Python
在Python中操作时间之tzset()方法的使用教程
2015/05/22 Python
深入理解Python变量与常量
2016/06/02 Python
python实现BackPropagation算法
2017/12/14 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
python实现转圈打印矩阵
2019/03/02 Python
matplotlib subplot绘制多个子图的方法示例
2020/07/28 Python
详解python polyscope库的安装和例程
2020/11/13 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
英国户外玩具儿童游乐设备网站:TP Toys(蹦床、攀爬框架、秋千、滑梯和游戏屋)
2018/04/09 全球购物
年度考核评语
2014/01/19 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
《七颗钻石》教学反思
2014/02/28 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
Python机器学习之决策树和随机森林
2021/07/15 Javascript
python实现简单的三子棋游戏
2022/04/28 Python