查找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简单几行代码实现tab切换
Mar 10 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
layui实现动态和静态分页
Apr 28 Javascript
JavaScript创建对象的常用方式总结
Aug 10 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 Javascript
新手快速入门微信小程序组件库 iView Weapp
Jun 24 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 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
pdo中使用参数化查询sql
2011/08/11 PHP
PHP的压缩函数实现:gzencode、gzdeflate和gzcompress的区别
2016/01/27 PHP
php简单获取复选框值的方法
2016/05/11 PHP
简单的JS多重继承示例
2008/03/13 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
node.js的事件机制
2017/02/08 Javascript
jQuery.Ajax()的data参数类型详解
2017/07/23 jQuery
简单谈谈js的数据类型
2017/09/25 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
在vue项目中引入highcharts图表的方法
2019/01/21 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
深入了解Vue3模板编译原理
2020/11/19 Vue.js
python爬虫之百度API调用方法
2017/06/11 Python
python获取服务器响应cookie的实例
2018/12/28 Python
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
初探CSS3中的calc()功能
2015/07/14 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
英国DIY汽车维修配件网站:DIY Car Service Parts
2019/08/30 全球购物
日语专业推荐信
2013/11/12 职场文书
大学新学期计划书
2014/04/28 职场文书
商场消防安全责任书
2014/07/29 职场文书
学校领导班子成员查摆问题及整改措施
2014/10/28 职场文书
二手车交易协议书标准版
2014/11/16 职场文书
通知范文怎么写
2015/04/16 职场文书
2015中学教师个人工作总结
2015/07/22 职场文书
二十年同学聚会感言
2015/07/30 职场文书
python 自动刷新网页的两种方法
2021/04/20 Python
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL
python微信智能AI机器人实现多种支付方式
2022/04/12 Python
Python实现简单得递归下降Parser
2022/05/02 Python