Different Ways To Create Object In Javascript
Oct 18, 2019 · 1 min
Here are the different ways to create Javascript object.
Using object constructor.
By letting values/keys get decided later in the code
var data = {};
data.first_name = 'John';
data.last_name = 'doe';
data.email = '[email protected]';
Using object literals.
By setting up values/keys up front while declaring the object
var data = {
data.first_name = 'John',
data.last_name = 'doe',
data.email = '[email protected]'
};
Note: we may extend that for a more OO way so that we could template objects.
In example, by using data as a function and calling new on it for every object.
function datum(first_name, last_name, email)
{
this.first_name = first_name,
this.last_name = last_name,
this.email = email
}
data =new datum(first_name, last_name, email);
Third Way:
This way is similar to the first one, but a bit more dynamic
var data = {};
data['first_name'] = 'John';
data['last_name'] = 'doe';
data['email'] = '[email protected]';
In example: if we have dynamic property name we may do
function datum(first_property, second_property, third_property, val1, val2, val3)
{
var data = {};
data[first_property] = val1;
data[second_property] = val2;
data[third_property] = val3;
return data;
};
data = datum(first_name, last_name, email, 'John', 'doe', '[email protected]');