数组内的三元操作符.Map返回第一个真条件

Question

如何在数组中映射对象时返回第一个等于true的值

例如

results.map((item) => {
return item.type == "x" ? 
<iframe
src={item.key}
/> :
null
})

在我的特殊情况下，如果我输入console.log项。我得到了3个不同的值这是类型等于x的对象的正确数量;我怎样才能只返回第一个等于true的值?比如item[0]。键返回未定义

Answer 1

Item[0]返回null，因为您在数组循环中使用了它。所以你检查每一项，如果项不是数组，它将不起作用。在您的用例中，Array.find比map更好。

我会使用:

const firstx = results.find((item) => item.type === 'x');
if (firstx) {
return <iframe src={item.key} />;
} else {
return null;
}