如何显示JSON对象中的特定值.例如，我想显示Low的值，然后在React.js中为一个变量赋值

Question

这是我想要在其中显示值的JSON对象

"asset_risks": [
{
"Medium": 2
},
{
"High": 11
},
{
"Low": 3
}
],

Answer 1

有几种方法可以做到这一点。

一种方法是可以使用javascript过滤器。您可以根据Low筛选出数组，并从已筛选的数组中获取值。

另一种方法是使用find。请查看下面的代码以供参考。

var obj = {
"asset_risks": [
{
"Medium": 2
},
{
"High": 11
},
{
"Low": 3
}
]
}
console.log(obj.asset_risks.find(obj => obj.Low).Low);
console.log(obj.asset_risks.filter(obj => { return obj.Low })[0].Low);

Answer 2

一种解决方案是将asset_risks数组中的所有对象合并为一个对象，然后获得其属性，如下所示：

const data = {
"asset_risks": [
{
"Medium": 2
},
{
"High": 11
},
{
"Low": 3
}
]
};
const combined = Object.fromEntries(data.asset_risks.map(Object.entries).flat());
console.log(combined);
console.log(combined.Low);