JavaScript Objects - Explore and learn about Objects

Explore JavaScript objects as named value pairs that hold numbers, strings, booleans, and arrays, and learn how to create, access, and modify them.

Set up your editor and browser with Brackets and Chrome, use live preview and dev tools to render HTML, CSS, and JavaScript and to write code in the console.

Explore how JavaScript objects store related values as key-value pairs, including numbers, strings, booleans, arrays, and functions, and learn to create, update, and access properties.

Explore object literals in JavaScript by creating a car object with pre-populated values, updating properties, and adding new ones using const and dot notation.

Learn to create objects using the JavaScript object constructor, retrieve and update properties, and define and call methods (functions) that log messages or alert content.

Build a car object with properties like Ford Mustang (year 2015, price 50,000) and add both anonymous and named methods to turn on and drive, then invoke and modify them.

Explore dot notation and bracket notation for accessing object properties in JavaScript, and learn how bracket notation supports dynamic property names and values.

Explore how the this keyword refers to the current object in a car object, using miles, price, an oil change method, and color updates to show dynamic values.

Contrast how primitives copy by value with objects that share the same instance, then show how a constructor using new creates independent car objects with dynamic properties.

Explore how to create objects with the ES6 class syntax, using a car example with a constructor, default miles, and an oil change method to manage object state.

Learn how arrays and objects in JavaScript interrelate, access data by index, nest arrays and objects, and iterate with for loops to output structured content.

Delete object properties with the delete keyword on a test object and observe the true return value. See properties become undefined after removal; then loop through values and keys.

Learn to loop through a JavaScript object to access keys and values using for in, Object.keys, and Object.values, with console logs to reveal each property.

Use JSON.stringify to convert objects into strings and JSON.parse to reconstruct them as objects. Understand that methods are dropped in stringify, leaving values suitable for storage or transfer.