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);



  • 2020-02-20 18:35:21

    Vue加载组件、动态加载组件的几种方式

    组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。

  • 2020-02-22 13:58:50

    深入理解 requestAnimationFrame

    在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理,我们首先需要了解一下与之相关的几个概念:

  • 2020-02-22 17:35:14

    使用tweenjs写一个发牌的demo

    移动端h5的三大抽奖方式:转盘,老虎机,翻纸牌。 前两样demo比较多,用户也审美疲劳了。这次微信公众号要抽奖,于是调研了下翻纸牌。

  • 2020-02-22 17:45:43

    tweenjs简单快速学习

    tweenjs 是使用 JavaScript 中的一个简单的补间动画库,支持数字、对象的属性和 CSS 样式属性的赋值。 tweenjs 以平滑的方式修改元素的属性值,需要传递给 tween 要修改的值、动画结束时的最终值和动画花费时间(duration),之后 tween 引擎就可以计算从开始动画点到结束动画点之间值,从而产生平滑的动画效果。