vue 数组去重

摘要:
test(){constarr=[{name:'张三',age:22},{name:'李四',age:22},{name:'张三',age:23}]constmap=newMap()constqc=arr.filter(key=˃!map.has&&map.set)//这里对name属性进行去重console.logconsole.log}
test() {
      const arr =[
        {
          name: '张三',
          age: 22},
        {
          name: '李四',
          age: 22},
        {
          name: '张三',
          age: 23}
      ]
      const map = newMap()
      const qc = arr.filter(key => !map.has(key.name) && map.set(key.name, 1)) //这里对name属性进行去重
      console.log('qc')
      console.log(qc)
    }

免责声明:文章转载自《vue 数组去重》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇提高iOS开发效率的第三方框架等--不断更新中。。。java 常见OPTS参数的含义下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue filter 去掉HTML标签

Vue.filter('removeHtml', input => { return input && input.replace(/<(?:.| )*?>/gm, '') .replace(/(&rdquo;)/g, '"') .replace(/&ldquo;/g, '"')...

前端框架Vue自学之Vue router小案例TabBar(七)

内容:TabBar设计与实现 正文: TabBar 零、前言(源码) 可以结合源码来看,最后自己实现。源码在我的GitHub上:TabBar源码(Vue-router小案例)。 一、tabbar的基本结构的搭建 1、需求 tabbar就是类似下图的东西。可以让我们传入一些组件,图片,文字等。当我们点击“首页”,显示首页的相关东西;当我们点击‘分类’,显示分...

Vue 使用 Element 组件实现前端自己的分页功能

Vue 使用 Element 组件实现前端自己的分页功能 当后端没有分页的时候 用 element 中的组件分页并不能对数据进行切割 需要请求回数据后自己来做切割。 <el-table :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)" : style=" 1...

vue-打包为webapp,如何解决应用内跳转外部链接返回导致退出应用

思想:1.应用内部跳转至外部链接时,需处理为打开带原生导航栏的新页面 2.在原生导航栏中处理回退,为了回退后不直接退出应用,需执行其他操作,据hbuilder-窗口管理-关闭页面叙述: http://dev.dcloud.net.cn/mui/window/ mui.back()仅处理窗口逻辑,若希望在窗口关闭之前再处理一些其它业务逻辑,则可将业务逻辑抽象...

vue 实现像web淘宝一样区域放大功能

vue 实现像web淘宝一样区域放大功能 效果是这个样子的 直接上自定义组件代码: <template> <div style="display: flex;position: relative"> <div : @mouseleave="mo...

Vuejs之开发环境搭建

Vue.jsVue.js是目前很火的一个前端框架,采用MVVM模式设计,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用,特别适合单页应用的开发。Vue.js是数据驱动的,它通过一些特殊的语法,将DOM和数据绑定起来,无需手动操作DOM。一旦创建了绑定,DOM将和数据...