我試圖在 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"
}
}
}
}]
我想從 JSON 資料中獲取陣列“KEYS”中的 ENERC_KCAL、FAT 和其他值。
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
}
PS對不起英語不好。
uj5u.com熱心網友回復：
要執行您需要的操作，您可以回圈keys使用map()來構建匹配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)是洗掉undefined在物件中搜索不存在的鍵所產生的值totalNutrients。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/426813.html
標籤：javascript html jQuery json 后端
上一篇：為什么將json陣列和流輸出轉換為ForEach-Object時powershellConvertFrom-Json不起作用