查找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 相关文章推荐
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
js判断字符长度以及中英文数字等
Dec 31 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
Angular的MVC和作用域
Dec 26 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
JavaScript简单实现合并两个Json对象的方法示例
Oct 16 Javascript
vue中的scope使用详解
Oct 29 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
Nov 29 Javascript
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
修改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/12 PHP
PHP修改session_id示例代码
2014/01/08 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
event对象的方法 兼容多浏览器
2009/06/27 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
基于JavaScript实现下拉列表左右移动代码
2017/02/07 Javascript
Vue动态实现评分效果
2017/05/24 Javascript
详解微信第三方小程序代开发
2017/06/23 Javascript
webpack之devtool详解
2018/02/10 Javascript
微信小程序自定义toast弹窗效果的实现代码
2018/11/15 Javascript
微信小程序绑定手机号获取验证码功能
2019/10/22 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
JavaScript编码小技巧分享
2020/09/17 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
python 随机数生成的代码的详细分析
2011/05/15 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
python十进制转二进制的详解
2020/02/07 Python
浅析matlab中imadjust函数
2020/02/27 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
垃圾回收的优点和原理
2014/05/16 面试题
生物制药自我鉴定
2014/01/25 职场文书
初中美术教学反思
2014/01/29 职场文书
幼儿园保教管理制度
2014/02/03 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
求职信格式要求
2014/05/23 职场文书
影子教师研修方案
2014/06/14 职场文书
党员个人对照检查材料
2014/10/01 职场文书
2015年学校医务室工作总结
2015/07/20 职场文书