JavaScript Objects: What are they And How do they work?

Kev-BB
2 min readOct 13, 2023

--

Objects are one of the most essential concepts in JavaScript. Let’s explore what objects are, how they work, and how to use them in your JavaScript code.

In JavaScript, an object is a collection of properties. A property is a key-value pair, where the key is a string that identifies the property, and the value can be any data type, including numbers, strings, arrays, and other objects. Objects can be created using object literals, constructor functions, or the built-in Object() function.

Objects in JavaScript are dynamic. This means that you can add, remove, or modify the properties of an object at any time. You can access the properties of an object using the dot notation or the square bracket notation. The dot notation is used to access properties with valid identifier names. In contrast, the square bracket notation is used to access properties that have a non-valid identifier name or a variable property name.

Objects in JavaScript can also have methods. A method is a function that is a property of an object. Methods can be used to manipulate the properties of an object or perform other actions.

Objects are used extensively in JavaScript. They represent real-world concepts, such as people, cars, etc. Objects can be used to organize and manipulate data in your JavaScript code.

Photo by Blake Connally on Unsplash

To create an object in JavaScript, you can use the object literal notation. For example:

let person = {
name: “Mike”,
age: 24,
greet: function() {
console.log(“Hello”);
}
};

In this example, we have created an object called `person` with three properties: `name`, `age`, and `greet`. The `greet` property is a method that logs the string “Hello” to the console.

You can also create objects using constructor functions. For example:

function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
console.log(“Hello”);
}
}

let person = new Person(“Mike”, 24);

In this example, we have defined a constructor function called `Person`, which creates a new object with the `name`, `age`, and `greet` properties. We have then created a new instance of the `Person` object called `person`.

Objects are a fundamental concept in JavaScript. They represent real-world concepts, organize data, and perform actions. Understanding how objects work and how to use them is essential for any JavaScript developer. By mastering objects, you can write more efficient and maintainable code.

--

--

Kev-BB

I'm currently on my way to become a front-end dev and share my knowledge with everyone as I go!