Accessing Object Data

Object practice.

by trentHarlem

HTML

<h2>
Objects
</h2>
<div id='output'>

</div>

JavaScript

var x = 1;
console.log('x = ' + x); // Global Scope x

const output = document.getElementById('output')
/* const object1 = {
  item_one: 'shoestring',
  item_two: 69,
  item_three: true,
  item_four: ['Chicago', 'Illinois'],
  item_five: ['Sports Teams', ['Bears', 'Blackhawks', 'Bulls', 'Cubs', 'Sox']]
}; */

const object1 = {
  guitar: '6 string',
  position: 69,
  lies: true,
  city_State: ['Chicago', 'Illinois'],
  teams: ['Sports Teams', ['Bears', 'Blackhawks', 'Bulls', 'Cubs', 'Sox']],
  func: function myFunc() {
console.log('x = ' + x); // Function Scope x
  
  }
};
console.log('x = ' + x); // Function Scope x

//Object.keys()
output.innerHTML += `<p>${ Object.values(object1) }</p>`;
output.innerHTML += `<p>${ Object.keys(object1) } </p>`;
output.innerHTML += `<p>'ob'${ object1 }</p>`;
output.innerHTML += Object.fromEntries([object1]);
//output.innerHTML += `<p>${object1.item_four[0]}</p>`;
output.innerHTML += `<p>${object1.city_State[0]}</p>`;
//output.innerHTML += `<p>${object1.item_five[1][0]}</p>`;
output.innerHTML += `<p>${object1.teams[1][0]}</p>`;
output.innerHTML += `<p>${object1.teams}</p>`;

//====================================================
console.log(Object.values(object1)); // list all values
console.log(Object.keys(object1)); // everything bagel- key:value pairs
console.log([object1]); // everything bagel- key:value pairs
console.log(object1[0], 'expected shoestring');
//console.log(object1.item_four[0], 'expected Chicago');
//console.log(object1.item_five[1][0], 'expected Da Bears');