Underscore.js 实用程序完整参考

Underscore.js 是一个非常流行的 JavaScript 实用函数库，它提供了一些常用函数的实现以及对 JavaScript 语言的一些增强功能。

安装

您可以通过多种方式来安装 Underscore.js。下面是其中一些常用的方式：

1. 在网站上直接引用

从 官方网站 下载最新版本的代码，然后在网站上直接引用：

<script src="path/to/underscore.js"></script>

2. 使用 npm 安装

如果您使用 npm，可以使用以下命令安装：

npm install underscore

3. 使用 Yarn 安装

如果您使用 Yarn，可以使用以下命令安装：

yarn add underscore

使用

在开始使用 Underscore.js 之前，您需要了解它提供了哪些函数以及它们的用途。下面是几个常用函数的介绍：

each()

_.each(list, iterator, [context])

迭代列表中的所有元素，并使用迭代器函数对每个元素执行操作。如果传递了上下文参数，迭代器函数将在这个上下文环境中运行。通常情况下，如果您只需要迭代一个列表，则您应该使用 forEach() 函数。以下是一个使用 each() 函数的示例：

var letters = ['a', 'b', 'c'];
_.each(letters, function(letter) {
  console.log(letter);
});
// Output:
// 'a'
// 'b'
// 'c'

map()

_.map(list, iterator, [context])

将列表中的每个元素传递给迭代器函数，并返回包含每个操作结果的新列表。通常情况下，如果您需要对列表中的元素执行相同的操作并返回一个新列表，则应该使用 map() 函数。以下是一个使用 map() 函数的示例：

var numbers = [1, 2, 3];
var squares = _.map(numbers, function(number) {
  return number * number;
});
// squares is now [1, 4, 9]

reduce()

_.reduce(list, iterator, memo, [context])

对列表中的所有元素执行迭代器函数，并将结果累积到 memo 中。如果未传递 memo，则将使用列表中的第一个元素。以下是一个使用 reduce() 函数的示例：

var numbers = [1, 2, 3];
var sum = _.reduce(numbers, function(memo, number) {
  return memo + number;
}, 0);
// sum is now 6

filter()

_.filter(list, iterator, [context])

返回列表中满足迭代器函数条件的所有元素。以下是一个使用 filter() 函数的示例：

var numbers = [1, 2, 3, 4, 5, 6];
var evenNumbers = _.filter(numbers, function(number) {
  return number % 2 === 0;
});
// evenNumbers is now [2, 4, 6]

sortBy()

_.sortBy(list, iterator, [context])

使用迭代器函数对列表中的元素进行排序，并返回一个排序后的新列表。以下是一个使用 sortBy() 函数的示例：

var numbers = [5, 4, 3, 2, 1];
var sortedNumbers = _.sortBy(numbers, function(number) {
  return -number;
});
// sortedNumbers is now [1, 2, 3, 4, 5]

结论

Underscore.js 是一个非常强大的 JavaScript 实用函数库，它提供了许多有用的函数和工具，可以使编写 JavaScript 代码变得更加简单和轻松。如果您还没有使用 Underscore.js，那么现在就去尝试吧！