如何使用 lodash 从 Array 中查找并 return 一个对象？

Question

我的对象：

[
    {
        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 的查找方法：https://lodash.com/docs#find

但是我的变量 delete_id 未定义。

Update 对于检查这个问题的人来说，Ramda 是一个很好的库，可以做 lodash 做的同样的事情，但是以更函数式的编程方式:) http://ramdajs.com/0.21.0/docs/

Answer 1

传递给回调的参数是数组的元素之一。数组的元素是 {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]);

Answer 2

使用 find 方法，您的回调将传递每个元素的值，例如：

{
    description: 'object1', id: 1
}

因此，您需要如下代码：

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

Answer 3

您可以在 vanilla 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);

Answer 4

var delete_id = _(savedViews).where({ description : view }).get('0.id')

Answer 5

lodash 和 ES5

var song = _.find(songs, {id:id});

lodash 和 ES6

let song = _.find(songs, {id});

文档位于 https://lodash.com/docs#find

Answer 6

您可以使用以下

import { find } from 'lodash'

然后 return 列表中的整个对象（不仅是其键或值）具有以下内容：

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

Answer 7

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

只需以函数式方式使用 ES6 find() 函数即可：

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

有时您需要使用 3rd 方库来获取它们附带的所有好东西。但是，一般来说，在不需要时尽量避免依赖。依赖项可以：

膨胀你的捆绑代码大小，
你必须让它们保持最新，
它们可能会引入错误或安全风险

Answer 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 将有助于返回数组中的元素，而不是它的索引。因此，如果你有一个对象数组，并且你想通过某个键值 pare 在数组中查找单个对象，_.find 是完成这项工作的正确工具。

Answer 9

根据名称获取 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;
        },

Answer 10

使用

导入 lodash

$ npm i --save lodash

var _ = require('lodash'); 

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

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

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

如何使用 lodash 从 Array 中查找并 return 一个对象？

How to use lodash to find and return an object from Array?

javascript

arrays

lodash