Javascript 根据另一个数组过滤的渲染对象值

Javascript 根据另一个数组过滤的渲染对象值,javascript,reactjs,Javascript,Reactjs,我有两个阵列: borders=[US, UK, CAN] list=[{country:United States, code:US}, {country:United Kingdom, code:UK} 如果list.code在边框中,我想呈现list.country。我尝试过链接.map()和.filter(),也尝试过减少(我认为不正确),但未能实现所需的行为 解决这一问题的最佳方法是什么?您可以根据列表是否与之相邻来查看列表 list.filter(obj=>borders.inc

我有两个阵列:

borders=[US, UK, CAN] 
list=[{country:United States, code:US}, {country:United Kingdom, code:UK}
如果
list.code
在边框中,我想呈现
list.country
。我尝试过链接
.map()
.filter()
,也尝试过减少(我认为不正确),但未能实现所需的行为

解决这一问题的最佳方法是什么?

您可以根据列表是否与之相邻来查看列表


list.filter(obj=>borders.includes(obj['code']))
最好的方法是这样做:

listFiltered() {
    return list
        .filter(({code}) =>
            borders.includes(code)
        )
}
考虑到这些阵列:

borders=['US', 'UK', 'CAN']
list=[{country:'United States', code:'US'}, {country:'United Kingdom', code:'UK'}]
我希望您在这些情况下不使用箭头函数(如我):

这将过滤列表中的元素。要仅获取国家,只需在末尾追加.map(),只返回元素.country:

list.filter(function(element){ return borders.includes(element.code) }).map(function(element){ return element.country })
具有箭头功能:

list.filter((element) => borders.includes(element.code)).map((element) => element.country )
list.filter((element) => borders.includes(element.code)).map((element) => element.country )