javascript - 过滤数组时，JS 过滤器无法正常工作

Question

在我的 React Native 应用程序中，我有以下数组。

export const ID_OPTIONS = [
  { id: 'nric_fin', name: 'NRIC/FIN' },
  { id: 'passport', name: 'Passport' },
  { id: 'birth_cert', name: 'Birth Certificate' },
];

我尝试按如下方式过滤此数组。

setSelectedIdType = (idType) => {
  return ID_OPTIONS.filter((type) => {
    if (type.id === idType) {
      return type.name;
    }
    return null;
  });
}

但是，这会返回一个对象。我想得到名字作为结果。我在这里做错了什么？

Answer 1

它看起来更像是在寻找一个 for 循环:

setSelectedIdType = (idType) => {
  for (let type of ID_OPTIONS) {
    if (type.id === idType) {
      return type.name;
    }
  }
  return null;
}

可以使用 find 实现等价物:

setSelectedIdType = (idType) => {
  let type = ID_OPTIONS.find(type => type.id === idType);
  return type && type.name;
}

(当找不到 id 时，返回 undefined 而不是 null；类似于 type === undefined ? null : type.name 将在必要时更改它。)