How many ways to create Objects in JavaScript

 We can 5 ways to create objects in JavaScript.

Lets understand how to Create it...

Demo URL

'use strict';

Example 1

var fruit = {};

fruit.name = 'Mango';

fruit.color = 'Yellow';

console.log(`fruit name ${fruit.name} and color is ${fruit.color}`);

Example 2

var fruit2 = { name: 'Mango', color: 'Yellow' };

console.log(`fruit name ${fruit2.name} and color is ${fruit2.color}`);

function Fruit(name, color) {

  (this.name = name), (this.color = color);

}

Example 3

var fruit3 = new Fruit('Mango', 'Yellow');

Example 4

var fruit4 = new Fruit('Donut', 'Sprinkled Yellow');

console.log(`fruit name ${fruit3.name} and color is ${fruit3.color}`);

console.log(`fruit name ${fruit4.name} and color is ${fruit4.color}`);

console.log(`Check fruit3 proto ${Fruit.prototype === fruit3.__proto__}`);

// console.log(`Property descriptor

// ${JSON.stringify(Object.getOwnPropertyDescriptor(fruit,'name'))}`)

Example 5

var fruit5 = Object.create(Object.prototype, {

  name: {

    value: 'Mango',

    enumerable: true,

    writable: true,

    configurable: true,

  },

  color: {

    value: 'Yellow',

    enumerable: true,

    writable: true,

    configurable: true,

  },

});

console.log(`fruit name ${fruit5.name} and color is ${fruit5.color}`);

console.log(`Check fruit3 proto ${fruit.prototype === fruit5.__proto__}`);

var fruit6 = Object.create(Object.prototype, {

  name: {

    value: 'Mango',

    enumerable: true,

    writable: true,

    configurable: true,

  },

  color: {

    value: 'Yellow',

    enumerable: true,

    writable: false,

    configurable: true,

  },

});

fruit6.name = 'Sausages';

//compile error comment it later

//fruit6.color="Red";

for (var props in fruit6) {

  console.log(`${props} : ${fruit6.color}`);

}

console.log(

  `Fruit name ${fruit6.name} and color is ${

    fruit6.color

  } and proto ${JSON.stringify(fruit6.__proto__)}`

);

//Getter Setter

var fruit7 = {

  color: 'Yellow',

  get fruitcolor() {

    return this.color;

  },

  set fruitcolor(val) {

    this.color = val;

  },

};

console.log(`Fruit default color is ${fruit7.fruitcolor}`);

fruit7.fruitcolor = 'Yellow';

console.log(`Fruit changed color is ${fruit7.fruitcolor}`);

console.log(`Check Fruit3 proto ${Fruit.prototype === fruit3.__proto__}`);