js_objects.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Java Script Objects</title>
  </head>
  <body>
    <script type="text/javascript">

    const students = [
             { name: 'Remy', cohort: 'Jan' },
             { name: 'Genevieve', cohort: 'March' },
             { name: 'Chuck', cohort: 'Jan' },
             { name: 'Osmund', cohort: 'June' },
             { name: 'Nikki', cohort: 'June' },
             { name: 'Boris', cohort: 'June '}
         ];

         for (const student of students) {
             console.log(`name: ${ student.name }, cohort: ${ student.cohort }`)
         }

   const users = {
     employees: [
         {'first_name':  'Miguel', 'last_name' : 'Jones'},
         {'first_name' : 'Ernie', 'last_name' : 'Bertson'},
         {'first_name' : 'Nora', 'last_name' : 'Lu'},
         {'first_name' : 'Sally', 'last_name' : 'Barkyoumb'}
     ],
     managers: [
        {'first_name' : 'Lillian', 'last_name' : 'Chambers'},
        {'first_name' : 'Gordon', 'last_name' : 'Poe'}
     ]
  };

 for(const key in users){
   console.log(key.toUpperCase());
   for(let i = 0; i < users[key].length; i++){
     const num = i + 1;
     const fname = users[key][i].first_name;
     const lname = users[key][i].last_name;
     const length = fname.length + lname.length;
       console.log(`${num} - ${lname}, ${fname} - ${length}`);
     }
   }


    </script>

  </body>
</html>