查找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 相关文章推荐
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
浅谈JavaScript的事件
Feb 27 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
bootstrap中模态框、模态框的属性实例详解
Feb 17 Javascript
JS基于面向对象实现的多个倒计时器功能示例
Feb 28 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
Vue编写多地区选择组件
Aug 21 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
Nov 29 Javascript
Vue核心概念Getter的使用方法
Jan 18 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 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 include和require的区别深入解析
2013/06/17 PHP
PHP基于GD库的图像处理方法小结
2016/09/27 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
学习ExtJS TextField常用方法
2009/10/07 Javascript
jQuery+jqmodal弹出窗口实现代码分明
2010/06/14 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
js表单登陆验证示例
2016/10/19 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
vue移动端实现下拉刷新
2018/04/22 Javascript
jquery.param()实现数组或对象的序列化方法
2018/10/08 jQuery
简单谈谈javascript高级特性
2019/09/04 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
node.js爬虫框架node-crawler初体验
2020/10/29 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
[01:12:44]VG vs Mineski Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
对Python进行数据分析_关于Package的安装问题
2017/05/22 Python
Python常用模块之requests模块用法分析
2019/05/15 Python
django页面跳转问题及注意事项
2019/07/18 Python
python已协程方式处理任务实现过程
2019/12/27 Python
Python ellipsis 的用法详解
2020/11/20 Python
渗透攻击的测试步骤
2014/06/07 面试题
资料员岗位职责
2013/11/17 职场文书
《我的第一本书》教学反思
2014/02/15 职场文书
开业主持词
2014/03/21 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
高三英语教学反思
2016/03/03 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书
《女娲补天》读后感5篇
2019/12/31 职场文书
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫