查找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 要点归纳(一) jQuery选择器
Mar 21 Javascript
js中字符替换函数String.replace()使用技巧
Aug 14 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 Javascript
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
canvas实现流星雨的背景效果
Jan 13 Javascript
Bootstrap datepicker日期选择器插件使用详解
Jul 26 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
JavaScript实现刮刮乐效果
Nov 01 Javascript
vue3使用vue-router的完整步骤记录
Jun 20 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
咖啡常见的种类
2021/03/03 新手入门
php基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
用PHP读取RSS feed的代码
2008/08/01 PHP
Zend Framework框架之Zend_Mail实现发送Email邮件验证功能及解决标题乱码的方法
2016/03/21 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
JTrackBar水平拖动效果
2007/07/15 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
document.forms[].submit()使用介绍
2014/02/19 Javascript
$.each与$().each的区别示例介绍
2014/03/20 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
2014/05/28 Javascript
JavaScript中SetInterval与setTimeout的用法详解
2015/11/10 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
详解JavaScript 为什么要有 Symbol 类型?
2019/04/03 Javascript
webpack 动态批量加载文件的实现方法
2020/03/19 Javascript
jQuery实现颜色打字机的完整代码
2020/03/19 jQuery
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
Python简明入门教程
2015/08/04 Python
python将unicode转为str的方法
2017/06/21 Python
Python守护线程用法实例
2017/06/23 Python
对python3新增的byte类型详解
2018/12/04 Python
Python的赋值、深拷贝与浅拷贝的区别详解
2020/02/12 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
汉森批发:Hansen Wholesale
2018/05/24 全球购物
意大利咖啡、浓缩咖啡和浓缩咖啡机:illy caffe
2019/03/20 全球购物
给女儿的表扬信
2014/01/18 职场文书
2014年乡镇人大工作总结
2014/11/25 职场文书
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技