JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
sss
</h1>

JavaScript

var usernames = {
    name1: {
        name: "ajey",
        room: 1,
        isStudent: true,
        isTeacher: false
    },
    name2: {
        name: "ajey-teacher",
        room: 1,
        isStudent: false,
        isTeacher: true
    },
    name3: {
        name: "batman",
        room: 2,
        isStudent: true,
        isTeacher: false
    }
};

// console.log(usernames.name2.isStudent);

for (var i in usernames) {
    //console.log(usernames[i]);
    
       //console.log(key);//for key name in your case it will be bar
   console.log(usernames[key]);// for key value in your case it will be baz
    //alert(usernames[i]);
    
   // alert(usernames[key]);
    // console.log(usernames[i]);
    //document.write(usernames[key]);
    //o[key]
}

//console.log(Object.keys(usernames)[Object.values(usernames).indexOf(value)])