获取值​仅从数组中包含的特定键的JSON数据

Question

我正试图用Javascript构建一个营养价值、数量和每日百分比表。我以这种方式保存JSON数据：

data : [
{
"recipe": {
"totalNutrients": {
"ENERC_KCAL": {
"label": "Energy",
"quantity": 122.67497750000001,
"unit": "kcal"
},
"K": {
"label": "Potassium",
"quantity": 255.9084202548212,
"unit": "mg"
},
"FAT": {
"label": "Fat",
"quantity": 11.89368915,
"unit": "g"
},
"ZN": {
"label": "Zinc",
"quantity": 0.328366321935265,
"unit": "mg"
},

"FIBTG": {
"label": "Fiber",
"quantity": 3.609618250000001,
"unit": "g"
},
"SUGAR": {
"label": "Sugars",
"quantity": 0.5078356,
"unit": "g"
}
}
}
}]

我想得到数组"中的ENERC_KCAL、FAT和其他值；KEYS"；来自JSON数据。

keys = ['ENERC_KCAL', 'FAT', 'CHOCDF', 'FITBG', 'SUGAR', 'PROCNT', 'CHOLE', 'NA'];
valNut = data[0].recipe.totalNutrients;

有没有一种方法可以完成以下指令：

energyValue = valNut.ENERC_KCAL.quantity + ' ' + valNut.ENERC_KCAL.unit

在循环中使用数组的值？

for(h=0; h<keys.length; h++){
energyValue = valNut.keys[h].quantity + ' ' + valNut.keys[h].unit
}

---

P.S.抱歉英语不好

Answer 1

要执行所需操作，可以使用map()循环keys，以构建匹配的totalNutrients键对象的新数组。类似这样的东西：

let data = [{recipe:{totalNutrients:{ENERC_KCAL:{label:"Energy",quantity:122.67497750000001,unit:"kcal"},K:{label:"Potassium",quantity:255.9084202548212,unit:"mg"},FAT:{label:"Fat",quantity:11.89368915,unit:"g"},ZN:{label:"Zinc",quantity:.328366321935265,unit:"mg"},FIBTG:{label:"Fiber",quantity:3.609618250000001,unit:"g"},SUGAR:{label:"Sugars",quantity:.5078356,unit:"g"}}}}];
let keys = ['ENERC_KCAL', 'FAT', 'CHOCDF', 'FITBG', 'SUGAR', 'PROCNT', 'CHOLE', 'NA'];
let filteredNutrientData = keys.map(key => data[0].recipe.totalNutrients[key]).filter(v => v);
console.log(filteredNutrientData);

请注意，最终的.filter(v => v)是移除在totalNutrients对象中搜索不存在的关键字所产生的undefined值。