Underscore.js _.indexBy函数

Underscore.js是一款JavaScript工具库，它提供了一系列常用的函数和方法，方便我们进行数据处理和逻辑操作。其中，_.indexBy函数是一种非常实用的函数，可以将一个数组或对象数组转换成一个以特定字段为key的对象。

1. 函数格式

_.indexBy函数的格式如下：

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

参数：

• list：数组或者对象数组。
• iteratee：用于转换key的迭代函数。
• context：可选，迭代函数中的this指向的对象。

返回值：

• 一个新的JavaScript对象，以迭代函数返回的值为key，原始数组元素为value。

2. 执行示例

示例一

先来看一个简单的示例。

var users = [
  { id: 1, name: 'Tom' },
  { id: 2, name: 'Jerry' },
  { id: 3, name: 'Mike' }
];

var result = _.indexBy(users, 'id');

console.log(result);
// => { '1': { id: 1, name: 'Tom' }, '2': { id: 2, name: 'Jerry' }, '3': { id: 3, name: 'Mike' } }

以上代码中，我们定义了一个包含三个元素的对象数组，每个元素都包含id和name两个属性。然后我们使用_.indexBy函数，将整个数组转换成了一个新的JavaScript对象，其中每个元素的id属性作为了key，整个原对象作为了value。

示例二

我们也可以使用一个迭代函数来转换key。例如下面这个示例，我们使用一个简单的迭代函数，将所有元素的name属性作为key：

var users = [
  { id: 1, name: 'Tom' },
  { id: 2, name: 'Jerry' },
  { id: 3, name: 'Mike' }
];

var result = _.indexBy(users, function(user) {
  return user.name;
});

console.log(result);
// => { 'Tom': { id: 1, name: 'Tom' }, 'Jerry': { id: 2, name: 'Jerry' }, 'Mike': { id: 3, name: 'Mike' } }

以上代码中，我们使用了一个匿名函数作为迭代函数，将每个对象的name属性作为了key，生成了一个新的JavaScript对象。

3. 总结

_.indexBy函数是Underscore.js工具库中的一种非常方便的数组转对象的函数。它可以帮助我们快速地将一个数组或对象数组转换成以指定属性为key的JavaScript对象。通过使用自定义的迭代函数，我们还可以实现更加灵活的数组转换逻辑。