查找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 相关文章推荐
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
把input初始值不写value的具体实现方法
Jul 04 Javascript
javascript自定义in_array()函数实现方法
Aug 03 Javascript
浅谈JQ中mouseover和mouseenter的区别
Sep 13 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
Dec 14 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
Vue.directive()的用法和实例详解
Mar 04 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
Vue实现固定定位图标滑动隐藏效果
May 30 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
Vue form表单动态添加组件实战案例
Sep 02 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 简单日历实现代码
2009/10/28 PHP
PHP开发需要注意的安全问题
2010/09/01 PHP
控制PHP的输出:缓存并压缩动态页面
2013/06/11 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
JavaScript延迟加载
2021/03/09 Javascript
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
2014/08/10 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
2015/08/21 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
2016/10/15 Javascript
详解angularjs获取元素以及angular.element()用法
2017/07/25 Javascript
关于Vue.nextTick()的正确使用方法浅析
2017/08/25 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
Python常用列表数据结构小结
2014/08/06 Python
Ubuntu下使用Python实现游戏制作中的切分图片功能
2018/03/30 Python
Pytorch实现WGAN用于动漫头像生成
2021/03/04 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
前后端结合实现amazeUI分页效果
2020/08/21 HTML / CSS
canvas 绘图时位置偏离的问题解决
2020/09/16 HTML / CSS
知识竞赛拉拉队口号
2014/06/16 职场文书
借名购房协议书范本
2014/10/06 职场文书
2014年护士工作总结范文
2014/11/11 职场文书
收音机爱好者玩机13年,简评其使用过的19台收音机
2022/04/30 无线电