Javascript 如何以角度分割json数组

我想将json数组按角度进行切片，如下所示

代码如下

export class AppComponent {
  color: string = 'green';
  public stocklist = [];
  public objectKeys = Object.keys;
  constructor() {
    let url = 'http://localhost:8080/stocks';
    axios.get(url).then(res =>{
      this.stocklist = res.data.result[0].slice(0,10);
      console.log(this.stocklist);
    })
  }
}

但它总是显示res.data.result[0]。slice不是一个函数，但我们可以看到res.data。result[0]实际上是一个json数组，可以使用*ngFor进行迭代

因此，我应该使用哪个来切片json数组。

是

数组的方法，但是您调用它是为了对象

用于使其成为数组

export class AppComponent {
  color: string = 'green';
  public stocklist = [];
  public objectKeys = Object.keys;
  constructor() {
    let url = 'http://localhost:8080/stocks';
    axios.get(url).then(res =>{
      this.stocklist = Object.values(res.data.result[0]).slice(0,10);
      console.log(this.stocklist);
    })
  }
}

是
数组
的方法，但您正在为对象调用它

用于使其成为数组

export class AppComponent {
  color: string = 'green';
  public stocklist = [];
  public objectKeys = Object.keys;
  constructor() {
    let url = 'http://localhost:8080/stocks';
    axios.get(url).then(res =>{
      this.stocklist = Object.values(res.data.result[0]).slice(0,10);
      console.log(this.stocklist);
    })
  }
}

对@WilliamWang解决方案的补充，实现了
可观察性

导出类AppComponent实现OnInit{
颜色：字符串='绿色'；
公开股票清单=[]；
public objectKeys=Object.keys；
构造函数（私有httpClient:httpClient）{}
恩戈尼尼特（）{
让url为空http://localhost:8080/stocks';
this.httpClient.get（url）.subscribe（res=>{
this.stocklist=Object.values（res.data.result[0]）.slice（0,10）；
console.log（this.stocklist）；
})
}
}
对@WilliamWang解决方案的补充，实现了
可观察性

导出类AppComponent实现OnInit{
颜色：字符串='绿色'；
公开股票清单=[]；
public objectKeys=Object.keys；
构造函数（私有httpClient:httpClient）{}
恩戈尼尼特（）{
让url为空http://localhost:8080/stocks';
this.httpClient.get（url）.subscribe（res=>{
this.stocklist=Object.values（res.data.result[0]）.slice（0,10）；
console.log（this.stocklist）；
})
}
}
它们是以整数为键的对象。不是阵列那么我如何才能变成阵列请不要在angular中使用
axios
，改为
httpClient
，或者应该这样做trick@OwenKelvin我在Vue中使用了它，所以我认为它在angular中也可以使用，不过我会在稍后检查angular文档中关于httpclient的内容，谢谢你的建议。它们是以整数为键的对象。不是阵列那么我如何才能变成阵列请不要在angular中使用
axios
，改为
httpClient
，或者应该这样做trick@OwenKelvin我在Vue中使用了它，所以我认为它在angular中也可以使用，不过我稍后会查看angular文档中关于httpclient的内容，谢谢你的建议。谢谢你的添加，我刚刚学会了使用httpclient而不是axios来执行http请求。一开始，我写的和你一样，但它提醒说“res”不存在“data”属性，所以在考虑存储在Observable中的val的数据结构时，我必须通过一个接口来识别Observable，这样我才能访问Observable对象内的数据。谢谢你的添加，我刚刚学会了使用httpclient而不是axios来执行http请求。一开始，我写的和你一样，但它提醒说“res”不存在“data”属性，所以在考虑存储在Observable中的val的数据结构时，我必须用一个接口来识别Observable，这样我才能访问Observable对象内的数据。