首页 > 解决方案 > 在 React 中如何使用另一个属性值获取对象的属性值?

问题描述

我有一系列“衬衫”对象:

const shirts = [
{
  id: 241,
  title: Shirt One
},
{
  id: 126,
  title: Shirt Two
}
]

如何使用id获取标题值?

标签: javascriptreactjs

解决方案


首先,您必须将字符串用单引号、双引号或反引号括起来。

这里最简单的解决方案是遍历衬衫对象并选择具有匹配 id 的对象,如下所示:

function getTitleFromId(shirts, id) {
  for (let i = 0; i < shirts.length; i++) {
    if (shirts[i].id === id) return shirts[i].title;
  }
  return '';
}

但是,这不是解决问题的最佳方法。最好的方法是使用Array.prototype.find。这是一个例子:

function getTitleFromId(shirts, id) {
  return shirts.find(shirt => shirt.id === id)?.title ?? '';
}

推荐阅读