Javascript 访问Angular 6中的嵌套数组

Javascript 访问Angular 6中的嵌套数组,javascript,angular6,Javascript,Angular6,因此,我试图访问JSON对象中的对象数组。我有一个从中获取数据的API。API最初是一个XML,我将其转换为JSON对象,但元素名中有破折号。(当当),但我也想从产品列表中删除。下面是API结构的一个示例 目标是从API中获取产品列表 多亏了PXLJoy,我才想出了以下解决方案。注意:我使用的是RXJS 6,因此所有东西都封装在一个管道中 public getData(): Observable<any> { const cjData = this.http.get('

因此,我试图访问JSON对象中的对象数组。我有一个从中获取数据的API。API最初是一个XML,我将其转换为JSON对象,但元素名中有破折号。(当当),但我也想从产品列表中删除。下面是API结构的一个示例

目标是从API中获取产品列表

多亏了PXLJoy,我才想出了以下解决方案。注意:我使用的是RXJS 6,因此所有东西都封装在一个管道中

  public getData(): Observable<any> {
    const cjData = this.http.get('/assets/json/name.json');
    return cjData.pipe(map(res => res['cj-api'].products[0].product));
  }
public getData():可观察{
const cjData=this.http.get('/assets/json/name.json');
返回cjData.pipe(map(res=>res['cj-api'].products[0].product));
}

访问JSON中的属性可以通过
[]
完成,这些属性通常用于变量键,即

const key='cj-api';
const obj=响应[键];
或字符串键,即

const obj=响应['cj-api'];
话虽如此,根据您的屏幕截图,您可以通过以下方式获得
产品
阵列:

//响应是屏幕截图中显示的对象。
响应['cj-api']。产品[0]。产品;//你的目标阵列

你太棒了。谢谢我想得太多了。我从方括号开始,但我想我需要有人说同样的话。再次感谢。@Kevinsummer,很高兴我能帮上忙:)记住,如果这个答案解决了你的问题,就把它标记出来,这样其他人就可以学习了@完成了。再次感谢!