如何使用lodash从Array查找并返回对象?


148

我的对象:

[
    {
        description: 'object1', id: 1
    },
    {
        description: 'object2', id: 2
    }
    {
        description: 'object3', id: 3
    }
    {
        description: 'object4', id: 4
    }
]

在下面的函数中,我传递了描述以找到匹配的ID:

function pluckSavedView(action, view) {
    console.log('action: ', action);
    console.log('pluckSavedView: ', view);  // view = 'object1'

    var savedViews = retrieveSavedViews();
    console.log('savedViews: ', savedViews);

    if (action === 'delete') {
        var delete_id = _.result(_.find(savedViews, function(description) {
            return description === view;
        }), 'id');

        console.log('delete_id: ', delete_id); // should be '1', but is undefined
    }
}

我正在尝试使用lodash的find方法:https ://lodash.com/docs#find

但是我的变量delete_id是不确定的。


对于检查此问题的人员的更新,Ramda是一个不错的库,可以完成lodash的相同操作,但是以更实用的编程方式:) http://ramdajs.com/0.21.0/docs/


1
我不清楚您为什么认为_.find会神奇地仅将属性之一传递给回调。console.log(description)回调中的一个简单内容可能已经告诉您了。
菲利克斯·克林

Answers:


176

传递给回调的参数是数组的元素之一。数组的元素是形式的对象{description: ..., id: ...}

var delete_id = _.result(_.find(savedViews, function(obj) {
    return obj.description === view;
}), 'id');

您链接到的文档的另一种选择(lodash v3):

_.find(savedViews, 'description', view);

Lodash v4:

_.find(savedViews, ['description', view]);

4
谢谢!我刚刚发现这var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');也有效10分钟...
Leon Gaban 2015年

第二种解决方案是错误的,谓词必须是使用matchProperty速记的数组:应该是_.find(savedViews, ['description', view])
franksands

1
@FranciscoGuimaraes:嗯,早在2015年,Lodash就是这样工作的:lodash.com/docs/3.10.1#find
Felix Kling,

1
@FelixKling我怀疑这可能是这样,但认为最好添加的人(比如我)评论2018年感谢您的答案更新寻找一个答案
franksands


29

您可以在香草JS中轻松完成此操作:

使用 find

const savedViews = [{"description":"object1","id":1},{"description":"object2","id":2},{"description":"object3","id":3},{"description":"object4","id":4}];

const view = 'object2';

const delete_id = savedViews.find(obj => {
  return obj.description === view;
}).id;

console.log(delete_id);

使用filter(原始答案)

const savedViews = [{"description":"object1","id":1},{"description":"object2","id":2},{"description":"object3","id":3},{"description":"object4","id":4}];

const view = 'object2';

const delete_id = savedViews.filter(function (el) {
  return el.description === view;
})[0].id;

console.log(delete_id);


6
的确如此,但是lodash看起来要干净得多,我不必使用[0]这个解决方案。var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');感谢您的+1演示
Leon Gaban 2015年

当您将[0]强制为空结果时,它是否会失败?因此,+ 1对@LeonGaban,Lodash应该默认处理它。
kiradotee,

3
@LeonGaban仍然可以使用ES6不使用[0]而不使用lodash的清洁器 savedViews.find(el => el.description === view)
Ram Babu S

很棒的答案!!
Ole

11

使用该find方法,您的回调将被传递每个元素的值,例如:

{
    description: 'object1', id: 1
}

因此,您需要如下代码:

_.find(savedViews, function(o) {
        return o.description === view;
})

8

为此,在数组中找到给定的对象,_.find的基本用法示例

const array = 
[
{
    description: 'object1', id: 1
},
{
    description: 'object2', id: 2
},
{
    description: 'object3', id: 3
},
{
    description: 'object4', id: 4
}
];

这会很好

q = _.find(array, {id:'4'}); // delete id

console.log(q); // {description: 'object4', id: 4}

_.find将有助于返回数组中的元素,而不是其索引。因此,如果您有一个对象数组,并且希望通过某个键值对在数组中找到单个对象,则_.find是完成此任务的正确工具。


7

您不需要Lodash或Ramda或任何其他额外的依赖项。

只需以功能性方式使用ES6 find()函数:

savedViews.find(el => el.description === view)

有时您需要使用3rd-party库来获取它们附带的所有好东西。但是,通常来说,在不需要依赖项时请尝试避免它们。依赖项可以:

  • your肿您捆绑的代码大小,
  • 您将必须使它们保持最新状态,
  • 他们可能会引入错误或安全风险

好答案!正是我想要的。
奥莱


6

您可以使用以下内容

import { find } from 'lodash'

然后使用以下命令从列表中返回整个对象(不仅是其键或值):

let match = find(savedViews, { 'ID': 'id to match'});

4

导入lodash使用

$ npm i-保存lodash

var _ = require('lodash'); 

var objArrayList = 
    [
         { name: "user1"},
         { name: "user2"}, 
         { name: "user2"}
    ];

var Obj = _.find(objArrayList, { name: "user2" });

// Obj ==> { name: "user2"}

添加更多详细信息
King Stone

1

根据名称获取ID

 {
    "roles": [
     {
      "id": 1,
      "name": "admin",
     },
     {
      "id": 3,
      "name": "manager",
     }
    ]
    }



    fetchIdBasingOnRole() {
          const self = this;
          if (this.employee.roles) {
            var roleid = _.result(
              _.find(this.getRoles, function(obj) {
                return obj.name === self.employee.roles;
              }),
              "id"
            );
          }
          return roleid;
        },
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.