lodash 利用_.find数组去重

2020-02-18 13:20:32

去重逻辑主要是讲一个数组的内容重新拿出来进行遍历 属性不同的元素加入到数组中( .find每次都会检查属性相同的元素)


var _ = require("lodash")


var results = [


{ id: 1,


test: '测试1',


},


{ id: 2,


test: '测试2',


},


{ id: 3,


test: '测试3',


},


{ id: 3,


test: '测试4',


}


];


console.log(results.length);


var data = [];


 


for (var i = 0; i < results.length; i++) {


console.log(results[i]);


var row = results[i];


var bill = _.find(data, function(o) {


return row.id == o.id


})


 


if (!bill) {


data.push(row);


}else{


存在重复元素


}


}


console.log(data);



  • 2019-12-11 16:18:51

    npm发布vue组件

    开发之前先看看官网的 开发规范 我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入,就像这样

  • 2019-12-11 16:21:00

    .vue文件 加scoped 样式不起作用

    在vue组件中,为了使样式私有化(模块化),不对全局造成污染,在style标签上添加scoped属性,以表示它只属于当下的模块。但是要慎用,因为在我们需要修改公共组件(第三方库或者项目中定制的组件)的样式的时候,scoped会造成很多困难,组要增加额外的复杂度。

  • 2019-12-11 16:22:04

    Vue中的scoped和scoped穿透,scoped原理

    在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。

  • 2019-12-12 14:19:32

    laravel自定义分页LengthAwarePaginator

    有时候我们使用larave提供的后台分页数据库查询,有时候限制太多,我们需要自己定制分页功能。 下面是我给大家一个例子,我们可以根据例子,制作自己的分页功能。

  • 2019-12-14 21:04:05

    聊聊keep-alive组件的使用及其实现原理

    keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。 它提供了include与exclude两个属性,允许组件有条件地进行缓存。