how to create object dynamically in javascript
- Published
- Reading time
- 2 min read
- Length
- 345 words
On this page
How to Create Object Dynamically in JavaScript#
Creating objects in JavaScript is a crucial part of programming. Object creation is done in two ways:
- Literal notation
- Constructor notation
Literal Notation#
The literal notation is the most common way of creating an object in JavaScript. It involves declaring an object using braces {} and assigning values to its properties:
let person = {
name: 'John',
age: 30,
occupation: 'Programmer'
}You can also add methods to the object using the same notation:
let person = {
name: 'John',
age: 30,
occupation: 'Programmer',
sayHello: function() {
console.log('Hello from ' + this.name);
}
}Constructor Notation#
The constructor notation is another way of creating an object in JavaScript. It involves creating an object using a constructor function:
function Person(name, age, occupation) {
this.name = name;
this.age = age;
this.occupation = occupation;
}
let person = new Person('John', 30, 'Programmer');You can also add methods to the object using the prototype property:
function Person(name, age, occupation) {
this.name = name;
this.age = age;
this.occupation = occupation;
}
Person.prototype.sayHello = function() {
console.log('Hello from ' + this.name);
}
let person = new Person('John', 30, 'Programmer');Creating Objects Dynamically#
In JavaScript, you can create objects dynamically by assigning properties to an object using square brackets []:
let person = {};
person['name'] = 'John';
person['age'] = 30;
person['occupation'] = 'Programmer';You can also use the same notation to add methods to the object:
let person = {};
person['name'] = 'John';
person['age'] = 30;
person['occupation'] = 'Programmer';
person['sayHello'] = function() {
console.log('Hello from ' + this.name);
}Another way of creating objects dynamically is by using the constructor notation and passing the properties as arguments:
function Person(name, age, occupation) {
this.name = name;
this.age = age;
this.occupation = occupation;
}
let person = new Person('John', 30, 'Programmer');You can also pass an object containing the properties as an argument:
function Person(person) {
this.name = person.name;
this.age = person.age;
this.occupation = person.occupation;
}
let person = new Person({
name: 'John',
age: 30,
occupation: 'Programmer'
});In conclusion, creating objects dynamically in JavaScript can be done using either the literal or constructor notation, and by assigning properties or passing them as arguments.