javascript - 循环遍历 JSON 数组以获取 JavaScript 中的特定数据

Question

当我选择特定类别:美味佳肴、装饰和娱乐时，我试图循环遍历 json 数组并根据类别获取 ItemName 和价格，并将它们显示在多个下拉列表中。我编写的代码是在一个选择标签中获取所有类别的所有 ItemName 和价格。 这是我的代码

function data() {
var text = '{"DataArray":[{"ItemName":"Salmon Puffs","Price":5,"Category":"Delicious Treats"},{"ItemName":"Beans on Toast Sandwich","Price":200,"Category":"Delicious Treats"},{"ItemName":"Whole Mashed Potatoes","Price":50,"Category":"Delicious Treats"},{"ItemName":"Calamari","Price":20,"Category":"Delicious Treats"},{"ItemName":"Egyptian Decor Pack","Price":300,"Category":"Decoration"},{"ItemName":"Marie Biscuits","Price":80,"Category":"Delicious Treats"},{"ItemName":"Middle Eastern Decor Pack","Price":390,"Category":"Decoration"},{"ItemName":"Star Wars Decor Pack","Price":360,"Category":"Decoration"},{"ItemName":"Hipster Decor Pack","Price":350,"Category":"Decoration"},{"ItemName":"Pears shaped liked Apples","Price":1000,"Category":"Delicious Treats"},{"ItemName":"Flowers","Price":20,"Category":"Decoration"},{"ItemName":"Dance Floor","Price":60,"Category":"Entertainment"},{"ItemName":"Clowns","Price":20.35,"Category":"Entertainment"},{"ItemName":"Fire Dancers","Price":80,"Category":"Entertainment"},{"ItemName":"Cantina Band","Price":2000,"Category":"Entertainment"},{"ItemName":"Improved Salmon Puffs","Price":5,"Category":"Delicious Treats"}]}';

obj = JSON.parse(text);

}

for (i = 0; i < obj.DataArray.length; i++)
    {
        addOption(document.drop_list.item, obj.DataArray[i].Price, obj.DataArray[i].ItemName);
    }

任何帮助都将受到高度赞赏。谢谢

这就是我要解释的

Answer 1

为什么不只是...

if ( obj.DataArray[i].Category == 'Delicious Treats' ) 
    addOption(document.drop_list.item, obj.DataArray[i].Price, obj.DataArray[i].ItemName);