Introduction<\/p>\n\n\n\n
Objects are one of the most important concepts in JavaScript. They allow you to store and organize data in key value pairs. Objects help represent real world entities such as a user, product, or order in a structured way.<\/p>\n\n\n\n
Understanding Objects<\/p>\n\n\n\n
An object is a collection of properties. Each property has a key also called a name and a value. Values can be numbers, strings, arrays, functions, or even other objects.<\/p>\n\n\n\n
Example of an Object<\/p>\n\n\n\n
let user = {
name: \"Ali\",
age: 22,
isStudent: true
};<\/code><\/pre>\n\n\n\nIn this example name age and isStudent are properties of the object.<\/p>\n\n\n\n
Accessing Object Properties<\/p>\n\n\n\n
You can access object values in two ways<\/p>\n\n\n\n
Dot notation<\/p>\n\n\n\n
console.log(user.name);<\/code><\/pre>\n\n\n\nBracket notation<\/p>\n\n\n\n
console.log(user[\"age\"]);<\/code><\/pre>\n\n\n\nBoth methods are useful depending on the situation.<\/p>\n\n\n\n
Adding and Updating Properties<\/p>\n\n\n\n
You can add new properties or update existing ones easily<\/p>\n\n\n\n
user.city = \"Lahore\";
user.age = 23;<\/code><\/pre>\n\n\n\nRemoving Properties<\/p>\n\n\n\n
To delete a property from an object use the delete keyword<\/p>\n\n\n\n
delete user.isStudent;<\/code><\/pre>\n\n\n\nObjects with Functions<\/p>\n\n\n\n
Objects can also store functions. When a function is inside an object it is called a method.<\/p>\n\n\n\n
let person = {
name: \"Sara\",
greet: function() {
console.log(\"Hello\");
}
};
person.greet();<\/code><\/pre>\n\n\n\nWhy Objects Are Important<\/p>\n\n\n\n
Objects help organize complex data
They make code more readable and manageable
They are widely used in APIs and web applications
They allow grouping related data and functionality<\/p>\n\n\n\n
Conclusion<\/p>\n\n\n\n
Understanding object basics is essential for mastering JavaScript. Objects are used in almost every application and form the foundation for advanced concepts like classes and frameworks.<\/p>\n\n\n