使用 lodash / underscore .map() 函数的原因是什么？

Question

在我当前的项目中，我可以看到许多 _.map() 用法几乎相同，如下例所示：

var a = [1,2,3,4,5,6,7,8];
var lodashMap = _.map(a, i => {
  if (i < 5) return i-1;
});

而且我看不出有任何理由不使用像这样的内置 Array.map() 方法：

var arrayMap = a.map(i => {
  if (i < 5) return i-1;
});

我知道这些都不会改变原始数组，并确保结果完全相同：https://codepen.io/anon/pen/xqPMNQ

由于我们使用的是 Typescript，lodash 版本丢失了i 参数类型，所以我想改用Array.map()。 Array.map 和 _.map() 之间有什么我不知道的区别吗？

Answer 1

就您那里的示例而言，这两个选项之间没有有效区别，您使用a.map() 也一样好。

但是，_.map 和 Array#map 之间存在一些差异。

一个是它可以直接在类数组对象上调用。 （使用Array#map 这样做需要将函数附加到对象然后调用它，或者使用.call() 的笨拙方法。）

示例：

var mapped = _.map(document.getElementsByTagName('li'), el => el.textContent);

console.log(mapped);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<ul><li>A</li><li>B</li><li>C</li></ul>

您也可以在非数组对象上使用_.map。这是Array#map 根本做不到的。

示例：

var myObj = { a: 1, b : 2 };
var mapped = _.map(myObj, (val, key) => key + val);

console.log(mapped);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

它也可以在null 上使用而不会引发错误（它只是返回一个空数组）。根据你的看法，你可能认为这是好事还是坏事，但它与原生的.map 有显着区别。

示例：

var myObj = null;
var mapped = _.map(myObj, (val, key) => key + val);

console.log(mapped);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

除此之外，如果您将它与许多其他 lodash/underscore 函数结合使用，那么一致性的好处就是。

另外，_.map 可以用在下划线/lodash 链中。

示例：

var values = [{ value: 10 }, { value: 2 }, { value: 13 }, { value: 7 }];
var result =  _.chain(values)
                .map(_.property('value'))
                .filter(v => v > 5)
                .sortBy()
                .value();
                
console.log(result);
  

    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>