映射对象数组，只取唯一

Question

这行代码有没有更优雅的写法？

_.chain(_.uniqBy(someArray,"someProperty.name")).map("someProperty").value();

看来我应该能够链接它，而不是将 lodash .uniqBy 调用嵌套在 .chain 调用中。

我希望下面的方法能起作用，但它不会。

_.chain(someArray).map("someProperty").value().uniqBy("name");

输入为：

someArray = [
   {
      aProp: '1',
      anotherProp: '2',
      thirdProp: '3',
      someProperty: {
          id: 1,
          name: "john"
      }
   },
   {
      aProp: '3',
      anotherProp: '4',
      thirdProp: '5',
      someProperty: {
          id: 1,
          name: "john"
      }
   },
   {
      aProp: '2',
      anotherProp: 'f',
      thirdProp: '6',
      someProperty: {
          id: 2,
          name: "tom"
      }
   },
   {
      aProp: 't',
      anotherProp: 'g',
      thirdProp: 'f',
      someProperty: {
          id: 3,
          name: "yacob"
      }
   },
];

输出应该是：

[{id:1, name:"john"},{id:2, name:"tom"},{id:3, name:"yacob"}]

Answer 1

如果你追求单链，可能不在 lodash 中，但在纯 JS 中这是完成任务的一种方式。

var arr = [
           {
                   aProp: '1',
             anotherProp: '2',
               thirdProp: '3',
            someProperty: {
                             id: 1,
                           name: "john"
                          }
           },
           {
                   aProp: '3',
             anotherProp: '4',
               thirdProp: '5',
            someProperty: {
                             id: 1,
                           name: "john"
                          }
           },
           {
                   aProp: '2',
             anotherProp: 'f',
               thirdProp: '6',
            someProperty: {
                             id: 2,
                           name: "tom"
                          }
           },
           {
                   aProp: 't',
             anotherProp: 'g',
               thirdProp: 'f',
            someProperty: {
                             id: 3,
                           name: "yacob"
                          }
           },
         ],

   red = arr.reduce( (p,c) => {!~p[0].indexOf(c.someProperty.id) && (p[0].push(c.someProperty.id), p[1].push(c.someProperty.name)); return p}, [[],[]]).reduce( (p,c) => p.map( (n,i) => ({id:n,name:c[i]})));

document.write("<pre>" + JSON.stringify(red,null,2) + "</pre>");

然后我再考虑了一下，我想下面是用纯 JS 完成这项工作的另一种方法。

red = arr.map( e => ({id: e.someProperty.id, name: e.someProperty.name})).reduce((p,c) => {!~p[0].indexOf(c.id) && (p[0].push(c.id), p[1].push(c)); return p},[[],[]])[1];

我很想看看这些的性能比较...

Answer 2

实际上，您的方向是对的：

_.chain(data).map('someProperty').uniqBy('id').value()

映射对象数组，只取唯一

Mapping Array of objects and only taking unique

javascript

lodash