javascript - 枚举返回的 api 数据的索引
问题描述
我试图通过下面的函数枚举从 api 输出的项目列表。
//函数输出“Prints => Washington Capitals Main.js:52 New York Islanders Main.js:52 Pittsburgh Penguins Main.js:52 Carolina Hurricanes Main.js:52 Columbus Blue Jackets etc”
I want the function to output "Prints =>
Main.js:52 1:New York Islanders
Main.js:52 2:Pittsburgh Penguins
Main.js:52 3:Carolina Hurricanes
Main.js:52 4:Columbus Blue Jackets"
const url2 = ('https://statsapi.web.nhl.com/api/v1/standings');
const response2 = await (fetch(url2));
const data2 = await response2.json();
async componentDidMount() {
data2.records.map(function(element){
element.teamRecords.map(function(element2){
const teamNames = element2.team.name;
console.log(teamNames)
});
});
}
Prints =>
Main.js:52 New York Islanders
Main.js:52 Pittsburgh Penguins
Main.js:52 Carolina Hurricanes
Main.js:52 Columbus Blue Jackets
Main.js:52 Philadelphia Flyers
Main.js:52 New York Rangers
Main.js:52 New Jersey Devils
Main.js:52 Tampa Bay Lightning
Main.js:52 Boston Bruins
Main.js:52 Toronto Maple Leafs
Main.js:52 Montréal Canadiens
Main.js:52 Florida Panthers
Main.js:52 Buffalo Sabres
Main.js:52 Detroit Red Wings
Main.js:52 Ottawa Senators
Main.js:52 Nashville Predators
Main.js:52 Winnipeg Jets
Main.js:52 St. Louis Blues
Main.js:52 Dallas Stars
Main.js:52 Colorado Avalanche
Main.js:52 Chicago Blackhawks
Main.js:52 Minnesota Wild
Main.js:52 Calgary Flames
Main.js:52 San Jose Sharks
Main.js:52 Vegas Golden Knights
Main.js:52 Arizona Coyotes
Main.js:52 Vancouver Canucks
Main.js:52 Anaheim Ducks
Main.js:52 Edmonton Oilers
Main.js:52 Los Angeles Kings
解决方案
您需要在地图功能中提供索引
const url2 = ('https://statsapi.web.nhl.com/api/v1/standings');
const response2 = await (fetch(url2));
const data2 = await response2.json();
async componentDidMount() {
data2.records.map(function(element){
element.teamRecords.map(function(element2, index){
const teamNames = element2.team.name;
console.log(`${index} : ${teamNames}`)
});
});
}
推荐阅读
- sql - SQL Server Select Parent-Child + COALESCE ( Join )
- c++ - 检查格式字符串是否与字符串匹配?
- scala - 在数据框 (Spark) 中选择列时在其间添加一个空列
- java - 使用 XYSplineRenderer 代替折线图
- php - 导入后会一直出现找不到接口错误
- go - 有没有办法在使用 `os` 模块保留 `atime` 的同时设置 `mtime`?
- android - proguard-rules.pro 未使用
- angular - 子表单组件的多重验证
- stata - foreach - 循环遍历特定的观察值以获得特定的输出
- html - 如何从 Angular 7 的组件列表中预先选择默认项