查找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 相关文章推荐
$()JS小技巧
Jul 21 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
js实现无限级树形导航列表效果代码
Sep 23 Javascript
js+css绘制颜色动态变化的圈中圈效果
Jan 27 Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 Javascript
JS 日期与时间戮相互转化的简单实例
Jun 22 Javascript
jQuery 的 ready()的纯js替代方法
Nov 20 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
Feb 22 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
vuejs实现下拉框菜单选择
Oct 23 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
DOTA2游戏同人动画《龙之血》导演接受采访
2021/03/05 欧美动漫
php数组编码转换示例详解
2014/03/11 PHP
PHP加密解密类实例分析
2015/04/20 PHP
php数组随机排序实现方法
2015/06/13 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
php 获取xml接口数据的处理方法
2018/05/31 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
AngularJS发送异步Get/Post请求方法
2018/08/13 Javascript
React中this丢失的四种解决方法
2019/03/12 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
JS中实现一个下载进度条及播放进度条的代码
2019/06/10 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
2019/09/20 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
python自然语言编码转换模块codecs介绍
2015/04/08 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
Python实现的爬取小说爬虫功能示例
2019/03/30 Python
PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解
2020/03/24 Python
谈谈python垃圾回收机制
2020/09/27 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
Hammitt官网:设计师手袋
2020/05/23 全球购物
如何开发安全的AJAX应用
2014/03/26 面试题
电气自动化专业职业规划范文
2014/02/16 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
关于建议书的格式范文
2014/05/20 职场文书
森林病虫害防治方案
2014/06/02 职场文书
植树造林的宣传标语
2014/06/23 职场文书
2015年教师节主持词
2015/07/03 职场文书
2019单位介绍信怎么写
2019/06/24 职场文书
创业计划书之面包店
2019/09/12 职场文书
导游词之镜泊湖
2019/12/09 职场文书
如何理解及使用Python闭包
2021/06/01 Python
Golang解析JSON对象
2022/04/30 Golang