DEV Community

SIYAMALA G
SIYAMALA G

Posted on

Object - Javascript

Object used to store multiple values in a single variable using key-value pairs.

const person = {

     name : "Sherin",
     age : 25,
     role : "Software Tester"
};
console.log(person);
Enter fullscreen mode Exit fullscreen mode

*OutPut *

`{name: 'Anees', age: 23, role: 'Software Tester'}`
Enter fullscreen mode Exit fullscreen mode

Object Properties :

1.Dot Notation :

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

OutPut

`Sherin
25`
Enter fullscreen mode Exit fullscreen mode

2.Bracket Notation :

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

OutPut

`Software Testing`
Enter fullscreen mode Exit fullscreen mode

3.Add New Properties :

`person.country = "India";
console.log(person);`
Enter fullscreen mode Exit fullscreen mode

*OutPut *

`{
  name: "Sherin",
  age: 23,
  role: "Software Tester",
  country: "India"
}`
Enter fullscreen mode Exit fullscreen mode

4.Updating Properties :

`person.age = 24;
console.log(person.age);`
Enter fullscreen mode Exit fullscreen mode

*OutPut *

`24`
Enter fullscreen mode Exit fullscreen mode

5.Deleting Properties :

`delete person.role;
console.log(person);`
Enter fullscreen mode Exit fullscreen mode

OutPut

`{
  name: "Sherin",
  age: 24,
  country: "India"
}`
Enter fullscreen mode Exit fullscreen mode

Object with Method

object can contain functions.
`const student = {
  name: "Sherin",

  greet() {
    return `Hello, I'm ${this.name}`;
  }
};

console.log(student.greet());`
Enter fullscreen mode Exit fullscreen mode

OutPut

`Hello, I'm Sherin`
Enter fullscreen mode Exit fullscreen mode

Nested Objects

Objects can contain other objects.

`const employee = {
  name: "Sherin",
  address: {
    city: "Chennai",
    pincode: 600001
  }
};

console.log(employee.address.city);`
Enter fullscreen mode Exit fullscreen mode

OutPut

`Chennai`
Enter fullscreen mode Exit fullscreen mode

Object Methods

1.Object.keys()
Returns all keys.

`console.log(Object.keys(person));`
Enter fullscreen mode Exit fullscreen mode

OutPut

`["name", "age", "country"]`
Enter fullscreen mode Exit fullscreen mode

2.Object.values()
Returns all values.

`console.log(Object.values(person));`
Enter fullscreen mode Exit fullscreen mode

OutPut

`["Sherin", 24, "India"]`
Enter fullscreen mode Exit fullscreen mode

3.Object.entries()
Returns key-value pairs.

`console.log(Object.entries(person));`
Enter fullscreen mode Exit fullscreen mode

OutPut

`[
  ["name", "Anees"],
  ["age", 24],
  ["country", "India"]
]`
Enter fullscreen mode Exit fullscreen mode

Object Spread Operator

Merge the objects.

`const personal = {
  name: "Sherin",
  age: 25
};

const professional = {
  role: "Software Tester",
  country: "India"
};

const profile = {
  ...personal,
  ...professional
};

console.log(profile);`
Enter fullscreen mode Exit fullscreen mode

OutPut

`{
  name: "Sherin",
  age: 23,
  role: "Software Tester",
  country: "India"
}`
Enter fullscreen mode Exit fullscreen mode

Top comments (0)