Lodash - 一个 JavaScript 强大工具

Lodash 是 Underscore.js 的轻量级替代品，是一个流行的 JavaScript 实用程序库，可以简化常见的编程任务。探索下面最重要的 20 个 Lodash 函数，以增强您的 JavaScript 技能：

---

1. _.获取

• 安全地从对象中检索嵌套属性，避免属性不存在时出现错误。

const obj = { a: { b: { c: 42 } } }; _.get(obj, 'a.b.c', 'default'); // 42

---

2. _.设置

• 设置对象中嵌套属性的值，如果中间属性不存在则创建它们。

const obj = {}; _.set(obj, 'a.b.c', 42); console.log(obj); // { a: { b: { c: 42 } } }

---

3. _.cloneDeep

• 创建对象或数组的深层副本。

const arr = [{ a: 1 }]; const deepClone = _.cloneDeep(arr);

---

4. _.debounce

• 延迟函数的执行，直到自上次调用以来经过指定的时间。

const log = _.debounce(() => console.log('Debounced!'), 300); window.addEventListener('resize', log);

---

5. _.节流阀

• 确保函数在指定的时间间隔内最多执行一次。

const log = _.throttle(() => console.log('Throttled!'), 1000); window.addEventListener('scroll', log);

---

6. _.isEmpty

• 检查值是否为空对象、数组或假值。

_.isEmpty([]); // true _.isEmpty({}); // true _.isEmpty(''); // true

---

7. _.合并

• 深度合并两个或多个对象，组合它们的属性。

const obj1 = { a: { b: 1 } }; const obj2 = { a: { c: 2 } }; _.merge(obj1, obj2); // { a: { b: 1, c: 2 } }

---

8. _.pick

• 创建由选定属性组成的对象。

const obj = { a: 1, b: 2, c: 3 }; _.pick(obj, ['a', 'c']); // { a: 1, c: 3 }

---

9. _.省略

• 创建一个不包含指定属性的对象。

const obj = { a: 1, b: 2, c: 3 }; _.omit(obj, ['b']); // { a: 1, c: 3 }

---

10。 _.uniq

• 从数组中删除重复值。

_.uniq([1, 2, 2, 3]); // [1, 2, 3]

---

11。 _.groupBy

• 根据提供的标准对数组的元素进行分组。

_.groupBy([6.1, 4.2, 6.3], Math.floor); // { '4': [4.2], '6': [6.1, 6.3] }

---

12。 _.sortBy

• 根据特定属性或标准对对象数组进行排序。

const users = [{ name: 'Tom', age: 30 }, { name: 'Jerry', age: 20 }]; _.sortBy(users, 'age'); // [{ name: 'Jerry', age: 20 }, { name: 'Tom', age: 30 }]

---

13。 _.地图

• 通过转换集合中的每个元素来创建一个新数组。

_.map([1, 2, 3], n => n * 2); // [2, 4, 6]

---

14。 _.过滤器

• 创建一个包含满足所提供条件的元素的数组。

_.filter([1, 2, 3, 4], n => n % 2 === 0); // [2, 4]

---

15。 _.查找

• 查找第一个满足条件的元素。

_.find([1, 2, 3, 4], n => n > 2); // 3

---

16。 _.展平

• 将嵌套数组展平为单级数组。

_.flatten([1, [2, [3, [4]]]]); // [1, 2, [3, [4]]]

---

17。 _.flattenDeep

• 将嵌套数组展平为完全单层数组。

_.flattenDeep([1, [2, [3, [4]]]]); // [1, 2, 3, 4]

---

18。 _.差异

• 返回第一个数组中不在第二个数组中的值。

const obj = { a: { b: { c: 42 } } }; _.get(obj, 'a.b.c', 'default'); // 42

---

19。 _.块

• 将数组拆分为指定大小的组。

const obj = {}; _.set(obj, 'a.b.c', 42); console.log(obj); // { a: { b: { c: 42 } } }

---

20。 _.isEqual

• 执行深度比较以确定两个值是否相等。

const arr = [{ a: 1 }]; const deepClone = _.cloneDeep(arr);

---

继续学习并享受乐趣！

以上是Lodash - 一个 JavaScript 强大工具的详细内容。更多信息请关注PHP中文网其他相关文章！