【javascript】原生js实现lodash的differenceWith、isEqual方法

lodash官方文档中的例子
在这里插入图片描述

var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];
 
_.differenceWith(objects, [{ 'x': 1, 'y': 2 }], _.isEqual);
// => [{ 'x': 2, 'y': 1 }]

使用场景:
differenceWith:要从一个数组objects中选出另一个数组(包含要排除的元素)中不存在的元素,比较器表示比较数组元素的方法,结果以数组形式返回剩余元素
isEqual:深比较,比较两个对象是否相等,相等返回true,否则返回false

深比较

function deepCompare(a, b) {
      for (let aKey in a) {
        if (a[aKey] === b[aKey]) continue
        else return false
      }
      for (bKey in b) {
        if (b[bKey] === a[bKey]) continue
        else return false
      }
      return true
    }

排除方法

function differenceWith(a, b, f) {
      let res = [...a]
      for (let item1 in a) {
        for (let item2 in b) {
          if (f(a[item1], b[item2]) === true) {
            res[item1] = undefined;
            break
          }
        }
      }
      return res.filter(item => {
        return item != undefined
      });
    }

案例:

    let arr1 = [
      { name: 'John', age: 18 },
      { name: 'Alex', age: 22 },
      { name: 'Joe', age: 12 },
      { name: 'Anna', age: 19 },
      { name: 'Lily', age: 14 },
      { name: 'Avril', age: 18 },
    ]
    let arr2 = [
      { name: 'Anna', age: 19 },
      { name: 'Avril', age: 18 },
      { name: 'Alex', age: 22 },
      { name: 'Bob', age: 24 }//arr1中不存在的元素
    ]
     console.log(differenceWith(arr1, arr2, deepCompare));
     //[{"name": "John","age": 18},{"name": "Joe","age": 12},{"name": "Lily","age": 14}]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值