JSFiddle - React, Tailwind, and code Playground

by Jason Davis

JavaScript

var selectedId = 2;

var userListArray = [
    {
      id: 0,
      image: "https://www.gravatar.com/avatar/ed1c4f28bbd649aad6c7e1f088ecf3a2?s=32&d=identicon&r=PG&f=1",
      name: "None"
    },
    {
      id: 1,
      image: "https://www.gravatar.com/avatar/ed1c4f28bbd649aad6c7e1f088ecf3a2?s=32&d=identicon&r=PG&f=1",
      name: "User 1",
    },
    {
      id: 2,
      image: "https://www.gravatar.com/avatar/ed1c4f28bbd649aad6c7e1f088ecf3a2?s=32&d=identicon&r=PG&f=1",
      name: "User 2",
    },
    {
      id: 3,
      image: "https://www.gravatar.com/avatar/ed1c4f28bbd649aad6c7e1f088ecf3a2?s=32&d=identicon&r=PG&f=1",
      name: "User 3",
    },
]; 
  
var result = userListArray.filter(function (el) {
  return el.id === selectedId;
});
var imageUrl = result[0] && result[0].image;
console.log('Image URL for User '+result[0].name+' === '+imageUrl);