Underscore.js _.map()函数

Underscore.js是一个流行的JavaScript工具包，它提供了许多有用的函数和工具，用于简化JavaScript的开发。其中之一就是 _.map()函数。

简介

_.map()函数是Underscore.js提供的一个函数，它类似于JavaScript的Array.map()函数，允许您在一个数组中执行一个函数，并将结果存储在一个新的数组中。对于大多数情况下，它的语法和预期行为都与JavaScript的Array.map()函数相同。

语法

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

• list: 要迭代的数组或对象。
• iteratee: 在每个元素上执行的函数。
• context: iteratee函数中的this关键字的上下文。

例子

使用列表

让我们从使用一个列表开始。在下面的例子中，我们有一个简单的数组，包含数字：

var numbers = [1, 2, 3, 4, 5];

我们想要将每个数字加倍，并将结果存储在新的数组中。这可以通过使用 _.map()函数来轻松完成：

var doubledNumbers = _.map(numbers, function(num) {
  return num * 2;
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

使用对象

_.map()函数也适用于对象。在下面的例子中，我们有一个简单的对象，其中包含一些人的名字和他们的年龄：

var people = {
  john: 25,
  jane: 30,
  bob: 50
};

我们想要将这些年龄加倍，并将结果存储在新的数组中。这可以通过使用 _.map()函数来轻松完成：

var doubledAges = _.map(people, function(age) {
  return age * 2;
});

console.log(doubledAges); // [50, 60, 100]

使用上下文

您还可以使用 context参数来指定 iteratee函数中的this关键字的上下文。在下面的例子中，我们有一个简单的对象，并使用了一个 iteratee函数来输出上下文关键字：

var contextExample = {
  word: 'hello',
  sayHello: function() {
    console.log(this.word);
  }
};

_.map([1, 2, 3], function(num) {
  this.sayHello();
}, contextExample);

在这个例子中，我们没有使用iteratee函数的num参数，而是使用this关键字来调用 contextExample对象的sayHello()函数。由于我们传递了contextExample对象，并将其设置为context参数，因此 this关键字现在引用了contextExample对象。

结论

_.map()函数是一个非常有用的函数，可以帮助您在JavaScript中处理和转换数据。虽然一般情况下它的用法和JavaScript的Array.map()函数很相似，但在某些情况下它的上下文参数可以派上用场。