主页 / 问题 / 1317938
Accepted
Qivorch Velix
Asked:2022-08-16 02:17:06 +0000 UTC2022-08-16 02:17:06 +0000 UTC

需要在json数组中获取嵌套元素

  • 772

有一些 json 格式的元素列表，如下所示：

[{'id':0,"name":"Имя категории1","services":[{"id":0,"name":"Имя товара1"},{"id":1,"name":"Имя товара2"}]},
{'id':1, 'name':"Имя категории2", "services":[{"id":0,"name":"Имя товара1"},{"id":1,"name":"Имя товара2"}]}
]

我试图只从第一类中获取整个“服务”数组。有条件地我试图这样得到它：

this.class = this.http.get('/assets/products.json');
this.class.forEach(element =>{
if(element.id==ID) //ID получается при вызове функции, в которой выполняется этот код
{
console.log(element.services);
}})

但是，这绝对没有给我任何东西，并且控制台中显示“未定义”，但是，在站点https://developer.mozilla.org/en/docs/Web/JavaScript/Reference上具有相同的数组和相同的条件/Global_Objects/Array /forEach它（foreach 和 console.log）输出我需要的一切。

//Такой же foreach только на сайте мозиллы
array1.forEach(item => {
  if(item.id==1){ //1 вместо ID
    console.log(item.services);
  }});

控制台输出：数组 [Object { id: 0, name: "Product name1"}, Object { id: 1, name: "Product name2"}]。PS我真的不需要控制台中的这个产品列表，我正在尝试传递一个变量，但是因为变量和控制台一样是未定义传递的，所以我无法使用该变量并调用它来显示页面上的产品。所有这些都用于打字稿角度项目。

ajax

2 个回答

    1. 确保 this.http.get('/assets/products.json'); 返回所需的数据。
    2. 确保将 this.http.get('/assets/products.json') 中的数据分配给类变量。如果这些项目工作正常，那么 forEach 应该可以正常工作。undefined 表示变量中没有任何内容，这很可能意味着 get 方法没有返回任何内容。
    • 0
  2. Best Answer

    this.http.get<any[]>('/assets/products.json').subscribe((data) => {
    this.class = data;
    this.class.forEach((element) => {
    if (element .id == ID) {
    console.log(element.services);
    }
    }); });
    答案是由来自英语 stackoverflow 的 Octavian Mărculescu 给出的，对此非常感谢他。在 ngOnInit 中而不是在构造函数中分配 ID 也有错误（我不知道构造函数在 ngOnInit 之前触发）

    • 0

相关问题