Javascript 无法删除数组中的项
我正在尝试获取API及其工作状态,但当我尝试使用方法“.pop()”或“.slice(0,4)”删除最后一个数组时,它会显示:未捕获(承诺中)类型错误:data.body.data.pop不是函数 这是指向codesandox上代码的链接 我正在使用vue和vue资源Javascript 无法删除数组中的项,javascript,arrays,vue.js,Javascript,Arrays,Vue.js,我正在尝试获取API及其工作状态,但当我尝试使用方法“.pop()”或“.slice(0,4)”删除最后一个数组时,它会显示:未捕获(承诺中)类型错误:data.body.data.pop不是函数 这是指向codesandox上代码的链接 我正在使用vue和vue资源 {{blog} 导出默认值{ 名称:“HelloWorld”, 道具:{ msg:String, }, 数据(){ 返回{ 博客:[], }; }, 创建(){ 这是$http .get(“https://covidnigeri
{{blog}
导出默认值{
名称:“HelloWorld”,
道具:{
msg:String,
},
数据(){
返回{
博客:[],
};
},
创建(){
这是$http
.get(“https://covidnigeria.herokuapp.com/api")
.then(功能(数据){
this.blogs=data.body.data;
console.log(data.body.data);
});
},
};
这是我作品的一个图像
我想删除第6个数组,只显示1-5
我不熟悉在应用程序中使用API。查看API返回的实际数据。它不是一个数组
{
“数据”:{
“totalSamplesTested”:“535733”,
“总确认案例”:59345,
“总有效案例”:7464,
“已解除”:50768,
“死亡”:1113,
“州”:[/*此处有大量数据*/]
}
}
我建议您按键显示所需的数据
{{blogs.totalSamplesTested}
{{blogs.totalConfirmedCases}
{{blogs.totalActiveCases}
{{blogs.discharged}
{{blogs.death}}
如果仍要迭代数据并跳过状态
,请创建一个计算属性,该属性返回省略了状态的所有内容,然后迭代该属性
{{stat.label}}:{{stat.dataPoint}
数据:()=>({
博客:{}//我发布了同样的问题,但没有回答就关闭了。我猜上一个问题不清楚。我试图让这个问题尽可能清楚。您是否尝试过console.log(data)
?似乎没有名为body
的属性。请尝试data.states.pop()
。在我看来,在为this.blogs
赋值后,您应该尝试console.log(typeof this.blogs);
。我认为它不是数组。如果您打算删除“数据”中的最后一项“状态”,请尝试这个-this.blogs.states=this.blogs.states.slice(0,4);对不起,这不是数组,而是json对象。@phil回答了我的问题。