查找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的横向滚动条(滑动条)
Feb 24 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
Jquery跳到页面指定位置的方法
May 12 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
JavaScript运动减速效果实例分析
Aug 04 Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 Javascript
bootstrapValidator 重新启用提交按钮的方法
Feb 20 Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
Feb 27 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
element-ui封装一个Table模板组件的示例
Jan 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中将字符串转化为整数(int) intval() printf() 性能测试
2020/03/20 PHP
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
PHP表单验证内容是否为空的实现代码
2016/11/14 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
JavaScript?Apple设备检测示例代码
2013/11/15 Javascript
document.compatMode的CSS1compat使用介绍
2014/04/03 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
D3.js中data(), enter() 和 exit()的问题详解
2015/08/17 Javascript
js html实现计算器功能
2018/11/13 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
Vant picker 多级联动操作
2020/11/02 Javascript
python将图片文件转换成base64编码的方法
2015/03/14 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
Python语言描述KNN算法与Kd树
2017/12/13 Python
Python实现的求解最大公约数算法示例
2018/05/03 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
Python循环结构的应用场景详解
2019/07/11 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
python hmac模块验证客户端的合法性
2020/11/07 Python
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
国际书籍零售商:Wordery
2017/11/01 全球购物
波兰办公用品和学校用品在线商店:Dlabiura24.pl
2020/11/18 全球购物
PHP解析URL是哪个函数?怎么用?
2013/05/09 面试题
体育教师自荐信范文
2013/12/16 职场文书
机械制造专业个人的自我评价
2013/12/28 职场文书
学年末自我鉴定
2014/01/21 职场文书
社区党总支书记先进事迹材料
2014/01/24 职场文书
英语专业自荐书
2014/06/13 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
房屋维修申请报告
2015/05/18 职场文书
2016秋季运动会前导词
2015/11/25 职场文书
python中subplot大小的设置步骤
2021/06/28 Python