Exploring the Galaxy of JavaScript: Understanding and Using Objects

Welcome to the universe of JavaScript! Today's topic is JavaScript Objects, a pivotal concept in JavaScript and programming! Objects efficiently group related data and functions.

In terms analogous to the real world, consider JavaScript Objects as school report cards that consolidate your subject scores (data) and remarks (characteristics) in one place. The objective of our lesson is to help you master JavaScript Objects to manage related data and functions effectively. Let's begin!

An Object in JavaScript, mirroring real-world entities, includes two principal components: properties and methods. Imagine there's a car, it displays certain characteristics, dubbed as properties (like color, make, and model), and some actions, labeled as methods (like start, stop). Essentially, JavaScript Objects package related data (properties) and functions (methods).

Let's define a JavaScript Object employing object literal syntax. Using our car example, let's frame a JavaScript Object:

let car = {
    color: 'red',
    make: 'Toyota',
    model: 'Corolla',
};

The object car contains three properties: color, make, and model, defined using the 'key': 'value' syntax, separated by commas (,), enclosed within curly braces ({}).

To access properties, we can employ dot notation (.) or bracket notation ([]):

let carColor1 = car.color; // 'red', access using dot notation
let carColor2 = car['color']; // 'red', access using bracket notation

JavaScript Object properties describe the object. For our car object, the properties are color, make, and model. You can add, modify, and delete properties as follows:

car.color = 'blue'; // modifying color property
car.roofRack = true; // adding roofRack property
delete car.roofRack; // removing roofRack property

Properties in JavaScript can sport special names, enclosed by quotes or bracket notation:

let house = {
    'number of rooms': 4,
    1: 'one',
};

let rooms = house['number of rooms']; // equals 4
let one = house[1]; // equals 'one'