DEV Community

Anees Abdul
Anees Abdul

Posted on

Objects in Javascript:

What is object:

  • An object is a collection of key-value pairs.
  • The values of properties can be primitives, objects, or functions (known as methods when defined inside an object).
let person = {
    name: "ABC",
    age: 30,
    city: "Chennai"
};

console.log(person);
Enter fullscreen mode Exit fullscreen mode
{name: "ABC", age: 30, city: "Chennai"}
Enter fullscreen mode Exit fullscreen mode

1. Accessing Object Properties
1️⃣ Dot Notation

console.log(person.name);
Enter fullscreen mode Exit fullscreen mode

2️⃣ Bracket Notation

console.log(person["age"]);
Enter fullscreen mode Exit fullscreen mode

2. Modifying Object Properties

  • It can be modified by reassigning its values.
let person= { name: "ABC", age: 30 };
console.log(person);

person.age=23//Modifying property
person.name="Test"

Enter fullscreen mode Exit fullscreen mode

3. Adding Properties to an Object

You can dynamically add new properties to an object using dot or bracket notation.

person.country = "India";   // add

console.log(person);
Enter fullscreen mode Exit fullscreen mode

4. Removing Properties from an Object
The delete operator removes properties from an object.

delete person.city;

console.log(person);
Enter fullscreen mode Exit fullscreen mode
{name: "Anees", age: 31, country: "India"}
Enter fullscreen mode Exit fullscreen mode

5. Checking if a Property Exists
You can check if an object has a property using the in operator

let person = { MobileNo: 1231231212 };
console.log("MobileNo" in person);
Enter fullscreen mode Exit fullscreen mode

Adding objects with Methods
Objects can also store functions (called methods)

let person = {
    name: "And",
    greet: function() {
        console.log("Hello " + this.name);
    }
};

person.greet();
Enter fullscreen mode Exit fullscreen mode
O/P:
Hello And
Enter fullscreen mode Exit fullscreen mode

Looping through Object

let person = {
    name: "ABC",
    age: 30
};

for (let key in person) {
    console.log(key + ": " + person[key]);
Enter fullscreen mode Exit fullscreen mode
O/P:
name: ABC
age: 30
Enter fullscreen mode Exit fullscreen mode

Nested Objects
Objects inside objects

let user = {
    name: "ABC",
    address: {
        city: "Chennai",
        pincode: 600001
    }
};

console.log(user.address.city);
Enter fullscreen mode Exit fullscreen mode
O/P:
Chennai
Enter fullscreen mode Exit fullscreen mode

Array of Objects

let users = [
    { name: "ABC", age: 30 },//index 0
    { name: "John", age: 25 }//index 1
];
console.log(users[0].name);
Enter fullscreen mode Exit fullscreen mode
O/P:
ABC
Enter fullscreen mode Exit fullscreen mode

Top comments (0)