查找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 toggle使用分析
Nov 16 Javascript
tangram框架响应式加载图片方法
Nov 21 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
函数式 JavaScript(一)简介
Jul 07 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
微信小程序(应用号)简单实例应用及实例详解
Sep 26 Javascript
微信小程序 http请求详细介绍
Oct 09 Javascript
angular实现form验证实例代码
Jan 17 Javascript
VUE2实现事件驱动弹窗示例
Oct 21 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
Dec 06 Javascript
浅谈react性能优化的方法
Sep 05 Javascript
vue中使用v-model完成组件间的通信
Aug 22 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
codeigniter框架批量插入数据
2014/01/09 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
防止按钮在短时间内被多次点击的方法
2014/03/10 Javascript
一些老手都不一定知道的JavaScript技巧
2014/05/06 Javascript
javascript实现平滑无缝滚动
2020/08/09 Javascript
基于JavaScript实现拖动滑块效果
2017/02/16 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
Vue.js 表单控件操作小结
2018/03/29 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
python 字典(dict)按键和值排序
2016/06/28 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
详解django自定义中间件处理
2018/11/21 Python
python 字段拆分详解
2019/12/17 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
学习python需要有编程基础吗
2020/06/02 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
印度购物网站:TATA CLiQ
2017/11/23 全球购物
Expedia挪威官网:酒店、机票和租车
2018/03/03 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
Unix如何添加新的用户
2014/08/20 面试题
最新自我评价范文
2013/11/16 职场文书
集团薪酬管理制度
2014/01/13 职场文书
大学生的创业计划书就该这么写
2014/01/30 职场文书
优秀学生评语大全
2014/04/25 职场文书
2014镇副书记群众路线专题民主生活会思想汇报
2014/09/23 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书
党员四风自我剖析材料
2014/10/07 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js