TypeScript中,遍历axios返回的json对象
在 TypeScript 中,你可以使用 for...in
或 Object.keys()
来遍历从 axios 返回的 JSON 对象。以下是这两种方法的基本示例:
首先,你需要从服务器获取 JSON 数据:
import axios from 'axios';
let response = await axios.get('https://api.example.com/data');
let data = response.data;
接着,你可以使用 for...in
循环来遍历这个对象:
for (let key in data) {
if (data.hasOwnProperty(key)) {
console.log(`Key is ${key} and value is ${data[key]}`);
}
}
或者,你也可以使用 Object.keys()
方法:
Object.keys(data).forEach((key) => {
console.log(`Key is ${key} and value is ${data[key]}`);
});
注意:以上代码假设返回的数据是一个对象,而不是数组。如果返回的数据是数组,那么你应该直接使用 for
、for...of
或 .forEach()
等方法进行遍历。