用这些顶级洛达什提示成为JavaScript Pro
#javascript #softwareengineering #library #gettingstarted

Become a JavaScript Pro with These Top Lodash Tips

lodash是一个流行的JavaScript库,可为常见编程任务提供实用程序功能。它是在工具带中作为开发人员的好工具,因为它可以使您的代码更加简洁,效率。

在本教程中,我们将介绍Lodash提供的一些最有用的功能以及如何有效使用它们。

安装

要在项目中使用Lodash,您可以通过运行以下命令通过NPM安装它:

npm install --save lodash

另外,您可以通过将以下脚本标签添加到您的HTML文件中:
来包含lodash库。

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>

导入洛达什

安装了Lodash后,您可以使用以下语法将其导入JavaScript文件:

import _ from 'lodash';

另外,您可以从lodash而不是整个库中导入特定功能:

import { map, filter } from 'lodash';

常用功能

现在您已经在项目中设置了Lodash,让我们仔细阅读一些最常用的功能。

_.each()

_.each()函数用于在数组或对象上迭代。它类似于JavaScript提供的forEach()方法,但也可以与对象一起使用。

这是如何使用_.each()在数组上迭代的示例:

_.each([1, 2, 3], function(num) {
  console.log(num);
});

这将把数字1、2和3打印到控制台。

_.map()

_.map()函数用于通过将函数应用于数组中的每个元素来转换数组。它返回带有转换元素的新数组。

这是如何使用_.map()在数组中平方每个元素的示例:

var squared = _.map([1, 2, 3], function(num) {
  return num * num;
});

console.log(squared); // [1, 4, 9]

_.filter()

_.filter()函数用于创建一个新数组,其仅通过某个测试的元素。它采用数组和谓词函数作为参数,并返回一个新数组,其元素将传递给谓词函数时返回真相值。

这是如何使用_.filter()获取偶数数字的示例:

var evens = _.filter([1, 2, 3, 4, 5, 6], function(num) {
  return num % 2 == 0;
});

console.log(evens); // [2, 4, 6]

_.reduce()

_.reduce()函数用于将数组减少到单个值。它采用数组,函数和可选的初始值作为参数。该函数应用于数组中的每个元素,从初始值(如果提供)或数组中的第一个元素开始。该函数应采用两个参数:累加器,这是先前函数调用的结果,当前元素正在处理。

这是如何使用_.reduce()在数组中总结元素的一个示例:

var sum = _.reduce([1, 2, 3], function(accumulator, current) {
  return accumulator + current;
}, 0); // initial value of 0

console.log(sum); // 6

_.find()

_.find()函数用于在数组中找到满足给定谓词函数的数组中的第一个元素。它返回元素,如果找不到元素,则返回undefined

这是如何使用_.find()在数组中找到第一个偶数号码的示例:

var firstEven = _.find([1, 2, 3, 4, 5, 6], function(num) {
  return num % 2 == 0;
});

console.log(firstEven); // 2

_.keys()_.values()

_.keys()函数用于获取对象的键作为数组,而_.values()函数用于将对象的值作为数组获取。

这是如何使用_.keys()_.values()
的示例

var obj = {
  a: 1,
  b: 2,
  c: 3
};

console.log(_.keys(obj)); // ['a', 'b', 'c']
console.log(_.values(obj)); // [1, 2, 3]

_.pick()_.omit()

_.pick()函数用于创建具有现有对象属性子集的新对象,而_.omit()函数用于创建具有现有对象的所有属性的新对象,除了某个子集外。

这是如何使用_.pick()_.omit()
的一个示例

var obj = {
  a: 1,
  b: 2,
  c: 3,
  d: 4
};

console.log(_.pick(obj, ['a', 'c'])); // { a: 1, c: 3 }
console.log(_.omit(obj, ['a', 'c'])); // { b: 2, d: 4 }

结论

我希望本教程使您对如何使用lodash库使您的JavaScript代码更加简洁有效。 Lodash提供了更多功能,因此请务必查看完整列表的文档。

谢谢您的阅读!