比 lodash 链更好，性能更高

Question

我在一些论坛上读到，应该尽可能避免使用 lodash 链，以获得更好的性能和代码的可读性。那么有没有办法在集合上使用原生 javascript 函数来替换这段代码。

_(userCollection).chain()
        .map('name')
        .compact()
        .uniq()
        .value();

类似下面这样的东西，但我不确定这样写是否有任何附加价值

_.uniq(_.compact(userCollection.map('name')))

Answer 1

您可以使用_.flow() 运行一系列方法：

const { flow, partialRight: pr, map, compact, uniq } = _;

const getUniqeNames = flow(
  pr(map, 'name'),
  compact,
  uniq
);

const arr = [{ name: 'John' }, {}, { name: 'Smith' }, {}, { name: 'John' }, { name: 'Smith' }] 

const result = getUniqeNames(arr);

console.log(result);

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

Flow 与lodash/fp 配合得更好，因为这些方法是迭代优先和数据最后的。这省去了对每个需要参数的方法进行部分正确的需要（在 lodash 示例中为pr(map, 'name')）。

const { flow, map, compact, uniq } = _;

const getUniqeNames = flow(
  map('name'),
  compact,
  uniq
);

const arr = [{ name: 'John' }, {}, { name: 'Smith' }, {}, { name: 'John' }, { name: 'Smith' }] 

const result = getUniqeNames(arr);

console.log(result);

<script src='https://cdn.jsdelivr.net/g/lodash@4(lodash.min.js+lodash.fp.min.js)'></script>

Answer 2

我相信这就是您正在寻找的。不需要 lodash。

lodash.map可以改为Array.prototype.map

lodash.compact可以改成Array.prototype.filter

lodash.uniq 可以更改为 Set 构造函数，并且可以选择再次转换为数组。

const users = [
  {name: 'Me'},
  {name: 'Someone Else'},
  {name: 'Someone Else'},
  {name: ''},
];

const uniqueNames = Array.from(new Set(users
  .map(user => user.name)
  .filter(name => name)));

console.log(uniqueNames);