How to display all the 'name' values in this json array

Question

let url = 'api url';

const players = [];
fetch(url)
.then(response => response.json())
 .then(data => players.push(data.included));

console.log(players);

I am using an api to view players on a server. My output:

https://imgshare.io/image/NyvUN5

I want to display all the name value of all current players. the number of objects in this array can be different at any time.

Can you add the actual output code here instead of an `img` please. — Always Helping, Aug 26 '20 at 10:04
^ [Why not upload images of code/errors when asking a question?](https://meta.stackoverflow.com/questions/285551/why-not-upload-images-of-code-errors-when-asking-a-question) — 3limin4t0r, Aug 26 '20 at 10:05

score 0 · Answer 1 · answered Aug 26 '20 at 10:02

0

Loop through the players array and then access the properties of each player:

for (var player in players) {
    console.log(player.attributes.name);
}

answered Aug 26 '20 at 10:02

Andrew Arthur

1,563
2
11
17

score 0 · Answer 2 · answered Aug 26 '20 at 10:04

0

let url = 'api url';

const players = [];
fetch(url)
.then(response => response.json())
.then(data => players = data.map(v=>v.attributes.name));

I can fail because imgshare instead copypast json.

answered Aug 26 '20 at 10:04

Crutch Master

189
5

How to display all the 'name' values in this json array

2 Answers2