如何在应用程序中从JSON服务器获取一些特定数据

时间:2018-06-06 10:50:20

标签: javascript reactjs react-native

请帮我从服务器上获取我想要的东西。我不明白这是怎么回事。 服务器端:

{ 
'data': [ 
{ 'count': 'test', 
'title': 'test', 
'size': 2, 'id': 1 
}, 
{ 'count': 'test', 
'title': 'test', 
'size': 2, 'id': 2 
}, 
{ 'count': 'test', 
'title': 'test', 
'size': 2, 
'id': 3 
} 

我在APP方面的行动:

fetch(url)
.then(response => response.json())
.then(res => { 
this.setState({ data: res}, () => {console.log('data: ', res)})})

data: Array [
Object { 
{ 
'count': 'test',
'title': 'test',
'size': 2,
'id': 1 
}, 
{
'count': 'test',
'title': 'test',
'size': 2,
'id': 2
},
{
'count': 'test',
'title': 'test',
'size': 2,
'id': 3
}
}
]

但是,我只想获得'计数'和' title'。

1 个答案:

答案 0 :(得分:2)

  

我想只计算''和' title'。

然后使用map方法和销毁 map()方法创建一个新数组,其结果是在调用数组中的每个元素上调用提供的函数。



let data = [ { 'count': 'test', 'title': 'test', 'size': 2, 'id': 1 }, { 'count': 'test', 'title': 'test', 'size': 2, 'id': 2 }, { 'count': 'test', 'title': 'test', 'size': 2, 'id': 3 } ]

console.log(data.map(({count, title}) => ({count, title})));