vue后端返回的接口中怎么取出数据是 数组中嵌套数组 js实现
时间: 2024-02-27 21:53:35 浏览: 96
vue遍历对象中的数组取值示例
在 JavaScript 中,你可以使用 `forEach` 或者 `map` 方法来遍历嵌套的数组并取出数据。
假设你的后端接口返回的数据是一个数组,包含了多个对象,每个对象中都包含一个嵌套的数组,像这样:
```javascript
const data = [
{
id: 1,
name: '张三',
hobbies: ['篮球', '游泳', '跑步']
},
{
id: 2,
name: '李四',
hobbies: ['唱歌', '跳舞']
}
];
```
你可以使用 `forEach` 方法来遍历这个数组,并对每个对象中的 `hobbies` 数组进行遍历:
```javascript
data.forEach(person => {
console.log(`${person.name} 的兴趣爱好:`);
person.hobbies.forEach(hobby => {
console.log(hobby);
});
});
```
这样就可以取出所有的数据了。
另外,如果你想要将每个对象的 `hobbies` 数组转换成一个新的数组,可以使用 `map` 方法来实现:
```javascript
const hobbiesList = data.map(person => person.hobbies);
console.log(hobbiesList); // [['篮球', '游泳', '跑步'], ['唱歌', '跳舞']]
```
这样就可以得到一个新的数组,其中包含了每个对象的 `hobbies` 数组。
阅读全文