ES6语法翻译Lodash计划:数组篇第3期

2020-04-01 17:02:48 浏览数 (1)

计划

ES6语法翻译Lodash计划是本人为自己制定的半年Flag?。

目的是使用ES6语法实现Lodash的单个函数功能,每次分享两个Lodash函数的翻译,涉及到Lodash的类型字符数值数组对象函数集合工具?。

使用ES6语法翻译Lodash的过程中,有些函数会在ES5语法中存在原型参照,有些比较复杂的函数会翻译成简洁版函数,有些函数可能存在翻译不完整的问题?。

我在自己掘金博客JowayYoung』(快点关注哟)的沸点列表下每天提前更新,然后收集各位大神们在评论下的方案,供大家一起学习!

DifferenceBy函数

  • 功能:移除数组中的指定值(使用迭代器)
  • 描述:使用迭代器将数组中被指定数组包含的值移除,返回由剩余值组成的数组
  • 说明:迭代器iterator可认为是map(),将元素格式化后再过滤

在线演示

备注_.differenceBy()iterator可接收String|Array|Object|Function作为参数,我进行简化翻译,只支持Function

DifferenceWith函数

  • 功能:移除数组中的指定值(使用比较器)
  • 描述:使用比较器将数组中被指定数组包含的值移除,返回由剩余值组成的数组
  • 说明:比较器comparator可认为是===(只能对基本数据类型进行全等比较,引用数据类型需自行封装比较器),将元素比较后再过滤

在线演示

备注:比较器可使用_.isEqual,此函数判断全等比较全面

结语

这个ES6语法翻译Lodash计划只是我其中一个比较独特的想法,仅供学习交流拓展思维所用,不是什么特别的标准。

如果大家有想法,欢迎在下方评论或者去我掘金博客JowayYoung』对应的沸点下评论喔!贴上你的代码,我们一起学习一起进步!

关注公众号Uzero,更多前端小干货等着你喔!我是JowayYoung,喜欢分享前端技术和生活纪事,学习与生活不落下,每天进步一点点,与大家相伴成长

0 人点赞