查找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小技巧
Jul 21 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
Nov 17 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
angularjs 源码解析之scope
Aug 22 Javascript
vue如何实现observer和watcher源码解析
Mar 09 Javascript
对于js垃圾回收机制的理解
Sep 14 Javascript
基于VUE.JS的移动端框架Mint UI的使用
Oct 11 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 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 字符串操作入门教程
2006/12/06 PHP
PHP设计模式之装饰者模式
2012/02/29 PHP
浅谈PHP之ThinkPHP框架使用详解
2020/07/21 PHP
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
jquery 操作日期、星期、元素的追加的实现代码
2012/02/07 Javascript
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
如何用js控制frame的隐藏或显示的解决办法
2013/03/20 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
javascript中的隐式调用
2018/02/10 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
2018/09/07 jQuery
Vue实现日历小插件
2019/06/26 Javascript
微信小程序实现图片翻转效果的实例代码
2019/09/20 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
2020/03/12 jQuery
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
使用pandas 将DataFrame转化成dict
2019/12/10 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
联想德国官网:Lenovo Germany
2018/07/04 全球购物
经典演讲稿范文
2013/12/30 职场文书
中青班党性分析材料
2014/02/16 职场文书
白酒营销策划方案
2014/08/17 职场文书
拆迁委托协议书
2014/09/15 职场文书
后备干部推荐材料
2014/12/24 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers
Zabbix对Kafka topic积压数据监控的解决方案
2022/07/07 Servers