Javascript在对象数组中查找具有匹配属性的对象，如果存在则获取另一个属性

Question

我正在为以下问题寻找一个优雅的解决方案：

在我的代码的许多地方，我需要在对象数组中找到一个与 id 匹配的对象，然后返回该对象的属性。引用的 id可能存在也可能不存在在数组中。

我想出的最短解决方案如下：

（如果项目存在则想获取项目的标题，否则不返回）

arrayofObjects = [ { id: 'a3ff3d', title: 'Tesla', color: 'Red' }, { id: 'r43wesd', title: 'AMC', color: 'Rust' }]
wantedObject = { queryTitle: 'Desired Car', id: 'a3ff3d' }


let wantedProperty = arrayOfObjects.some( e => e.id === wantedObject.id) ? arrayOfObjects.find(e => e.id === wantedObject.id).title : 'None Found'

但是，这既不优雅也不高效。我更喜欢它是一个单行而不是一个函数。

Answer 1

最小的方法不一定是最有效的。我会这样做：

let wantedProperty = (arrayOfObjects.find(obj => obj.id === wantedObject.id) || {}).title || 'None Found';

Answer 2

使用 Array#find 和解构。

const data = [ { id: 'a3ff3d', title: 'Tesla', color: 'Red' }, { id: 'r43wesd', title: 'AMC', color: 'Rust' }];

function search(idToFind){
  const res = data.find(({id}) => id === idToFind);
  return res ? res.title : "Nothing found";
}


console.log(search('r43wesd'));
console.log(search('fail'));

Answer 3

实际上，您可以为您的数据结构创建一个可以重复使用多次的单行通用方法：

const arrayOfObjects = [
    {id: 'a3ff3d', title: 'Tesla', color: 'Red'},
    {id: 'r43wesd', title: 'AMC', color: 'Rust'}
];

const getKey = (a, id, key) => (f = a.find(x => x.id === id)) ? f[[key]] : "Not Found";

console.log(getKey(arrayOfObjects, "a3ff3d", "title"));
console.log(getKey(arrayOfObjects, "r43wesd", "color"));
console.log(getKey(arrayOfObjects, "someid", "color"));

Answer 4

我想到了两种可能的解决方案。第一个我不推荐：

array.reduce((acc, cur) => {
    return cur.id == searchedId ? cur.title : acc;
}, "None found");

特别是如果你需要经常使用它，避免“复杂”的代码，即使我们正在考虑一行。

第二个选项（如果你真的不想使用函数）是这个：

Array.prototype.findOrElse = function(cb, objcb, retValue) {
    let findElem = this.find(elem => cb(elem));

    return objcb(findElem) || retValue;
}

你可以这样称呼它：

array.findOrElse(elem => elem.id == searchedId, elem => elem.title, "None found");

一般我不会选择这种方式，因为我不喜欢接触js提供的原生对象，但没有人禁止。

---

编辑： 正如@PatrickRoberts 让我注意到的那样，这并不是真正的答案。我刚刚发现了 2 个可能的解决方案，出于不同的原因我不推荐。函数有这个优点：你不必重复相同的代码，即使它是一行。考虑一种可能的情况，您可能必须检索不同的属性而不是title。

另一方面，在Array 对象的原型中自定义一个函数是困难的：你试图使该函数尽可能通用，但存在函数定义过于复杂的风险。

那么为什么不使用你自己定义的函数呢？