In this article, we will see different ways to create an object in javascript. Change the way you create an Object - Javascript Weekly
Promise inside a loop - javascript weekly
Prototypal Inheritance - Javascript weekly
Understanding Closures in Javascript
Object plays an important role in javascript ecosystem. we as a javascript developers creates a lots of objects while writing code. we will see some different way to do that
this is a default way to create an object. creating an object with curly braces is the popular way in Object Creation
1const User = {2 name: "John",3 age: 25,4}
object as literal allows to add the property to an object dynamically. For Example, if you want add a property to User object, you can do it like
1User.address = "Country"
In addition to that, you can also have a nested property inside the object literal
1const Company = {2 name: "Test",3 tax: {4 id: "12345",5 },6}
you can also create an object with key word new.
1function Document(name, category) {2 this.name = name3 this.category = category4}56let salarydocument = new Document("salary", "SALARY")78let insurance = new Document("insurance", "INSURANCE")
main advantage of using new operator is, you can use prototype to chain methods. Prototype Chain is an important concept in using new keyword
1function Language(name, shortform) {2 this.name = name3 this.shortform = shortform4}56Language.prototype.getShortForm = function() {7 return this.shortform8}910let english = new Language("english", "en")
Object create method allows you to create an object from an existing one.
For Example, Let's say that you have an object Message, to create an Object with the same property as Message. you can do something like
1let Message = {2 title: "Hola!",3 body: "Welcome",4}56let greeting = Object.create(Message)78console.log(greeting.title)
you can also add property to greeting object
1let Message = {2 title: "Hola!",3 body: "Welcome",4}56let greeting = Object.create(Message, {7 type: {8 writable: true,9 enumerable: true,10 configurable: false,11 value: "Data",12 },13})1415console.log(greeting.type)
A Hands-On Guidebook to Learn Cloud Native Web Development - From Zero To Production
ES6 class is an another way to create objects in javascript
1class User {2 constructor(name, age) {3 this.name = name4 this.age = age5 }67 getInfo() {8 console.log(`Hey ${this.name} Age : ${this.age}`)9 }10}1112let admin = new User("admin", 40)1314admin.getInfo()
these are all the different ways to create an Object in javascript.
Change the way you create an Object - Javascript Weekly
we will see more aboout Javascript in upcoming articles. I am a big fan of Eric Elliot's work on Javascript Stuffs. checkout his latest article.
Do React Hooks Replace Higher Order Components (HOCs)?
Until then Happy Coding :-)
No spam, ever. Unsubscribe anytime.