大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。
事情起因是，有几个小伙伴在对一个数据进行排序，做了激烈的讨论，这组数据，想要根据num字段进行排序~把我气的，你们就不能直接用lodash的sortBy吗？你们再怎么实现，能实现得比lodash好？
const arr = [ {num: 3,name: 'hh'}, {num: 1,name: 'xx'}, {num: 2,name: 'aa'}]// 使用lodashconsole.log(_.sortBy(arr, ['num']))所以，我觉得有必要跟各位小伙伴分享一下，我在项目中用的最多的30个lodash工具方法
注：此文是总结一些常用的lodash方法，案例从文档拿的，介意的朋友请勿看~
返回一个包含所有传入数组交集元素的新数组。
_.intersection([2, 1], [4, 2], [1, 2]); // => [2]根据某个字段来进行计算交集
_.intersectionBy([{ 'x': 1 }], [{ 'x': 2 }, { 'x': 1 }], 'x'); // => [{ 'x': 1 }]根据某个条件函数来计算交集，比如使用isEqual
var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]; var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }]; _.intersectionWith(objects, others, _.isEqual); // => [{ 'x': 1, 'y': 2 }]返回一个新的联合数组。
_.union([2], [1, 2]); // => [2, 1]根据某个字段来计算合集
_.unionBy([{ 'x': 1, 'y': 5 }], [{ 'x': 2, 'y': 3 }, { 'x': 1, 'y': 6 }], 'x'); // => [{ 'x': 1, 'y': 5 }, { 'x': 2, 'y': 3 }]根据某个条件函数来计算合集
var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]; var others = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }]; _.unionWith(objects, others, _.isEqual); // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 1 }]同上面两种工具函数，这里无需多言~
返回总和。
_.sum([4, 2, 8, 6]); // => 20根据某个字段计算并返回总和。
var objects = [{ 'n': 4 }, { 'n': 2 }, { 'n': 8 }, { 'n': 6 }]; _.sumBy(objects, function(o) { return o.n; }); // => 20 // The `_.property` iteratee shorthand. _.sumBy(objects, 'n'); // => 20计算平均数
_.mean([4, 2, 8, 6]); // => 5根据某个字段计算出平均值
var objects = [{ 'n': 4 }, { 'n': 2 }, { 'n': 8 }, { 'n': 6 }]; _.meanBy(objects, function(o) { return o.n; }); // => 5 // The `_.property` iteratee shorthand. _.meanBy(objects, 'n'); // => 5var users = [ { 'user': 'fred', 'age': 48 }, { 'user': 'barney', 'age': 36 }, { 'user': 'fred', 'age': 40 }, { 'user': 'barney', 'age': 34 } ]; _.sortBy(users, function(o) { return o.user; }); // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 40]] _.sortBy(users, ['user', 'age']); // => objects for [['barney', 34], ['barney', 36], ['fred', 40], ['fred', 48]] _.sortBy(users, 'user', function(o) { return Math.floor(o.age / 10); }); // => objects for [['barney', 36], ['barney', 34], ['fred', 48], ['fred', 40]]const obj1 = [{a: 1 }]const obj2 = _.clone(obj1)console.log(obj1 === obj2) // falseconsole.log(obj1.a === obj2.a) // trueconst obj1 = [{a: 1 }]const obj2 = _.cloneDeep(obj1)console.log(obj1 === obj2) // falseconsole.log(obj1.a === obj2.a) // false(Function)
// 避免窗口在变动时出现昂贵的计算开销。jQuery(window).on('resize', _.debounce(calculateLayout, 150)); // 当点击时 `sendMail` 随后就被调用。jQuery(element).on('click', _.debounce(sendMail, 300, { 'leading': true, 'trailing': false})); // 确保 `batchLog` 调用1次之后，1秒内会被触发。var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });var source = new EventSource('/stream');jQuery(source).on('message', debounced); // 取消一个 trailing 的防抖动调用jQuery(window).on('popstate', debounced.cancel);(Function)
// 避免在滚动时过分的更新定位jQuery(window).on('scroll', _.throttle(updatePosition, 100)); // 点击后就调用 `renewToken`，但5分钟内超过1次。var throttled = _.throttle(renewToken, 300000, { 'trailing': false });jQuery(element).on('click', throttled); // 取消一个 trailing 的节流调用。jQuery(window).on('popstate', throttled.cancel);var object = { 'a': 1, 'b': '2', 'c': 3 }; _.pick(object, ['a', 'c']); // => { 'a': 1, 'c': 3 }var object = { 'a': 1, 'b': '2', 'c': 3 }; _.omit(object, ['a', 'c']); // => { 'b': '2' }如果 value 是 undefined ，那么返回 true，否则返回 false
_.isUndefined(undefined); // => true _.isUndefined(null); // => false如果 value 为null，那么返回 true，否则返回 false。
_.isNull(null); // => true _.isNull(undefined); // => false如果 value 为一个字符串，那么返回 true，否则返回 false。
_.isString('abc'); // => true _.isString(1); // => false如果 value 为一个普通对象，那么返回 true，否则返回 false。
function Foo() { this.a = 1; } _.isPlainObject(new Foo); // => false _.isPlainObject([1, 2, 3]); // => false _.isPlainObject({ 'x': 0, 'y': 0 }); // => true _.isPlainObject(Object.create(null)); // => true如果 value 为一个数值，那么返回 true，否则返回 false。
_.isNumber(3); // => true _.isNumber(Number.MIN_VALUE); // => true _.isNumber(Infinity); // => true _.isNumber('3'); // => false如果value是一个数组返回 true，否则返回 false。
_.isArray([1, 2, 3]); // => true _.isArray(document.body.children); // => false _.isArray('abc'); // => false _.isArray(_.noop); // => false如果 value 是一个布尔值，那么返回 true，否则返回 false。
_.isBoolean(false); // => true _.isBoolean(null); // => false如果 value 是一个函数，那么返回 true，否则返回 false。
_.isFunction(function(){}); // => true _.isFunction(''); // => false如果 value 为null 或 undefined，那么返回 true，否则返回 false。
_.isNil(null); // => true _.isNil(void 0); // => true _.isNil(NaN); // => fals本文链接：http://www.28at.com/showinfo-26-86206-0.html你还在用sort排序？分享30个用的最频繁的lodash工具函数
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com
上一篇： Next.js 14 初学者指南
Copyright © 2016-2023 天津谷骐科技有限公司 版权所有 sitemap.xml
违法及侵权请联系：2376512515@qq.com 津ICP备18001702号
津公网安备 12010102000574号