Json 在ArrayList中遍历Angular 5中的特定键值

如何遍历arrayList并返回特定值的键？我的数据采用Json格式，如下所示：

[
    {
        "id": 1,
        "name": "Albany",
        "manufacture": "Albany Superior Low Gi Sliced Brown Seed Bread 700g",
        "price": 15.49,
        "category": "Food",
        "type": "Breads",
        "image": "data:image/jpeg;base64,/9j/4AAQSkZJRgA..."
    },
    {
        "id": 2,
        "name": "Blue Ribbon",
        "manufacture": "Blue Ribbon Brown Plus Low Gi Bread 700g",
        "price": 13.99,
        "category": "Food",
        "type": "Breads",
        "image": "data:image/jpeg;base64,/9j/4AAQSkZJRgABA..."
    },
    {...},
    {...},
    ...
]

我能够返回以下数据：

我已经编写了以下代码来获取类型为Milk的单个产品：

@组件({
选择器：'应用程序牛奶奶油'，
templateUrl:“./milk cream.component.html”，
styleURL:['./milk cream.component.css']
})
导出类MilkStreamComponent实现OnInit{
所有产品：数组=[]；
数量：数量=1；
结果：有；
构造函数（私有prod:ProductService）{}
CallbackFunctionToFindTypeById（产品）{
返回产品类型===“牛奶”；
}
恩戈尼尼特（）{
this.allProducts=JSON.parse（localStorage.getItem（'product-data'）；
//log（JSON.stringify（this.allProducts））；
var productMilk=this.allProducts.find（this.CallbackFunctionToFindTypeById）；
console.log（productMilk）；
}
}
接口产品{
id：编号；
名称：字符串；
制造：细绳；
价格：数量；
类别：字符串；
类型：字符串；
图像：字符串；
}

然后我编辑了CallbackFunctionToFindTypeById方法，让它循环并返回一个包含Milk类型产品的arrayList；问题是，我无法在ngOnInit中调用该方法（不确定它是否工作得太好）：

CallbackFunctionToFindTypeById（prod）{
对于（var i=0；i

---

我是Angular 5和TypeScript方面的新手。

您应该使用

过滤器

，它返回数组中用作谓词的所有项

var productMilk = this.allProducts.filter(item => item.type === 'Milk');

---

您应该使用

filter

，它返回数组中用作谓词的所有项

var productMilk = this.allProducts.filter(item => item.type === 'Milk');

---

好啊很高兴帮助你。很高兴帮助你

var productMilk = this.allProducts.filter(item => item.type === 'Milk');