在 JavaScript 中从对象数组中查找最长的字符串答案

【问题标题】：Find the longest string from an array of objects in JavaScript在 JavaScript 中从对象数组中查找最长的字符串
【发布时间】：2021-01-18 20:55:39
【问题描述】：

我有一个名为rows 的对象数组，其中每个对象都有一个名为name 的字符串属性。

我想获得最长的name。如何过滤rows 并获取名称最长的行，或者获取名称本身。谢谢！

Lodash 或 vanilla JS 都适用于我的目的。如果有 2 根绳子绑在最长的长度上，那么抓住其中一根绳子就可以满足我的目的。

【问题讨论】：

按长度排序然后抓取第一个？

标签： javascript lodash

【解决方案1】：

只需使用Array.prototype.reduce 并保留最长的字符串。

rows.reduce((longest, current) => longest.name.length > current.name.length ? longest : current);

【讨论】：

这是一个很好的解决方案，但如果有人问这个问题，我建议他们足够初学者，你可能不应该介绍reduce。
在那张纸条上，这是explanation of reduce的另一个答案

【解决方案2】：

这应该可以正常工作：

rows.sort((x,y) => y.name.length - x.name.length)[0]

这将改变数据。如果您不想对原始的 rows 数组进行排序，可以复制它。但是请注意不要改变任何返回的对象，因为这也会改变原始对象。如果你不想这样，那么你需要做一个深拷贝。

例如，

const rows = [{name: 'abcde'}, {name: 'abc'}, {name: 'abcd'}];

// spreading rows will essentially make a copy of `rows`    
const result = [...rows].sort((x,y) => y.name.length - x.name.length)[0]

console.log(result); // this will print `{name: 'abcde'}`

result.name = 123; // mutating the resulting object after making a copy

console.log(rows); // this will be mutated now

与slice() 和concat() 相同。他们也会制作浅拷贝。

【讨论】：

【解决方案3】：

const rows = [
  {
    name: "bar",
  },
  {
    name: "foobar",
  },
  {
    name: "ba",
  },
];

const firstItem = rows
  .slice()
  .sort((a, b) => (a.name.length > b.name.length ? -1 : 1))[0];

console.log(firstItem.name); // Outputs 'foobar'

注意：我正在对数组进行切片以避免在原地发生变异

【讨论】：