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

IT技术 javascript arrays lodash
2021-03-07 18:13:37

我的对象： 

[
    {
        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/

6个回答

lodash 和 ES5

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

lodash 和 ES6

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

https://lodash.com/docs#find 上的文档

在 find 方法中传递变量时，请确保将变量命名为与属性名称相同的名称。就我而言，我正在我的 countryList 中寻找一个国家。country 对象具有属性code和name。当我做const countryName = "Netherlands"; let country = _.find(countryList, {countryName}); undefined时返回。当我使用const name = "Netherlands"; let country = _.find(countryList, {name});正确的对象时返回。
2021-04-22 18:13:37

传递给回调的参数是数组的元素之一。数组的元素是形式的对象{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]);
@FranciscoGuimaraes：好吧，回到 2015 年，这就是 lodash 的工作方式：lodash.com/docs/3.10.1#find
2021-04-22 18:13:37
谢谢！我刚刚发现这也有效var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');还有 10 分钟......
2021-05-07 18:13:37
第二种解决方案是错误的，谓词必须是数组才能使用matchesProperty简写：应该是 _.find(savedViews, ['description', view])
2021-05-15 18:13:37

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

当您强制 [0] 输出空结果时，它不会失败吗？所以+1@LeonGaban Lodash 应该默认处理。
2021-04-21 18:13:37
@LeonGaban 仍然可以在没有 lodash 的情况下使用更清洁的 [0] 使用 ES6 savedViews.find(el => el.description === view)
2021-05-01 18:13:37
是的，但是 lodash 看起来更干净，我不必使用[0]这是我要使用的解决方案var delete_id = _.result(_.find(savedViews, { 'description': view }), 'id');感谢您的演示 tho +1
2021-05-17 18:13:37

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

{
    description: 'object1', id: 1
}

因此，您需要如下代码：

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

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

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

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

有时您需要使用 3rd-party 库来获取它们附带的所有好东西。然而，一般来说，当你不需要它们时尽量避免依赖。依赖可以：

  • 膨胀你的捆绑代码大小，
  • 你必须让它们保持最新状态，
  • 他们可能会引入错误或安全风险
其它你可能感兴趣的问题
上一篇模糊与焦点 - 有什么真正的区别吗？ 下一篇不推荐使用服务器发现和监控引擎