Using JSON objects in 'if' statements?

Question

I'm making a site for my game server, and I'm trying to display user information using the Steam API.

$.getJSON('/steamapi', function(data) {

  document.getElementById("staff-inner").innerHTML = `${data.response.players.map(function(player) {

    return `

      <div class="player player-${player.steamid}">
      <div class="name">${player.personaname}</div>
      <div class="avatar"><img src="${player.avatarfull}"></div>
      <div class="role"></div>
      </div>

    `;
  }).join('')}`;

});

The above code is working fine. But, what I'm trying to do (and I assume this is the best way) is create an if statement that says if ${player.steamid} is my Steam ID, it prints 'Owner' in .role, and prints 'Moderator' if it's anything else. Seems like it would be simple enough, but everything I try leaves me with a blank page. I have no idea how or where I would write it in this context.

Amadan · Accepted Answer · 2019-04-05 04:39:14Z

3

Inside a template string, only expressions are allowed, not statements. if is a statement; but there's the conditional operator (?:) which has almost the same semantics.

`...
<div class="role">${player.steamid == 'Rex4748' ? 'Owner' : 'Moderator'}</div>
...`

answered Apr 5, 2019 at 4:39

Amadan

200k23 gold badges252 silver badges321 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ram · Accepted Answer · 2019-04-05 04:52:05Z

0

Either you can declare a variable before your return statement and call the reference

let role = player.steamid == '111' ? 'Owner' : 'Moderator'

and then

<div class="role">${role}</div>

answered Apr 5, 2019 at 4:52

Ram

1031 silver badge9 bronze badges

Comments

Alejandro Alfonzo · Accepted Answer · 2019-04-05 05:23:39Z

I don't get enough time to test this with steamAPI but I think it'll work :

const appDiv = document.getElementById('app');

const my_steam_id = 'Rex4748';

const players = [{
  steamid: 'Rex4748',
  avatarfull: 'https://fakeimg.pl/50/',
  personaname: 'Joe Perez'
},{
  steamid: 'notYou',
  avatarfull: 'https://fakeimg.pl/50/',
  personaname: 'NewGuy'
}]

function getPlayers(){
  let info_collected = [];
  players.map((player)=> {
    console.log(player.steamid);
    info_collected.push(`
      <div class="player player-${player.steamid}">
        <div class="name">
          ${player.personaname}
        </div>
        <div class="avatar">
          <img src="${player.avatarfull}">
        </div>
        <div class="role">
          ${player.steamid == my_steam_id ? 
            'Owner' : 
            'Moderator'}
        </div>
      </div>
      <hr>
    `);
  })
  return info_collected.join('');
}

appDiv.innerHTML = getPlayers();

Pen : https://stackblitz.com/edit/using-json-objects-in-if-statements

Collectives™ on Stack Overflow

Using JSON objects in 'if' statements?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related