Object- Basics

Hi all,
Objects are one of the most important features of JavaScript. They allow you to store related data and functions together in a single structure. While arrays are used to store lists of values, objects are used to represent real-world entities such as a person, a car, or a product with different properties and characteristics.

--What is an Object?
An object is a collection of key-value pairs. Each key is called a property, and it stores a value. Objects help organize data in a meaningful way.

Example:

let student = {
name: "John",
age: 20,
course: "Computer Science"
};

In this example, name, age, and course are properties of the student object.

--Creating Objects:
Objects are created using curly braces {}. Inside the braces, properties are written as key-value pairs separated by commas.

let car = {
brand: "Toyota",
model: "Corolla",
year: 2024
};

This object stores information about a car.

--Accessing Object Properties:
You can access object properties using dot notation or bracket notation.

Dot Notation:
console.log(car.brand);

Output:
Toyota
Bracket Notation
console.log(car["model"]);

Output:
Corolla

Both methods are commonly used in JavaScript.

--Adding and Updating Properties:
New properties can be added to an object at any time.

car.color = "Blue";

You can also update existing properties.

car.year = 2025;

Objects are flexible and can be modified whenever needed.

--Object Methods:
Objects can also contain functions. Functions inside objects are called methods.
Example:
let person = {
name: "Alice",
greet: function() {
console.log("Hello!");
}
};

person.greet();

Output:
Hello!

Methods allow objects to perform actions.

--Looping Through Object Properties:
You can use a for...in loop to access all properties of an object.

let student = {
name: "John",
age: 20,
course: "Computer Science"
};

for (let key in student) {
console.log(key + ": " + student[key]);
}

This loop displays every property and its value.

--Advantages of Objects:
-Store related data in one place.
-Represent real-world entities effectively.
-Easy to add, update, and remove properties.
-Can contain both data and functions.
-Improve code organization and readability.

Therefore, objects are a fundamental part of JavaScript and are widely used in web development. They help developers organize data using key-value pairs and make programs more structured and efficient. By learning how to create objects, access properties, add methods, and loop through data.