#object literal

[codesolutionstuff]

JavaScript Program to Create Objects in Different Ways

New Post has been published on https://www.codesolutionstuff.com/javascript-program-to-create-objects-in-different-ways/

JavaScript Program to Create Objects in Different Ways

You will discover various methods for creating JavaScript objects in this example. You should be familiar with the following JavaScript programming concepts to comprehend this example: Objects in JavaScriptConstructor function in JavaScript An object can be made in one of three

[obscurejavascript]

Computed Property Names In JavaScript

As of ES6, JavaScript now supports using computed property names directly in objects. When defining object properties with constants or variables, this can make code easier to read. To understand this, compare these 2 implementations of toObject:

function toObjectLong(key, value) { const obj = {}; obj[key] = value; return obj; } function toObject(key, value) { return { [key]: value }; } console.log(toObjectLong('hp', 100)); // { hp: 100 } console.log(toObject('hp', 100)); // { hp: 100 }

To see where this is useful, the above can be built upon. Below is a function that is given an array of array values and a list of keys. That way the property values do not have to be defined with the initial data. Which could be useful for UIs where users can give data custom property names:

function createCarsObj(cars, key1, key2) { const carObj = {}; for (let car of cars) { carObj[car[0]] = { [key1]: car[1], [key2]: car[2] }; } return carObj; } const carData = [ ['miata', 155, 2400], ['elise', 217, 2000], ['alfaromeo', 237, 2465] ]; console.log(createCarsObj(carData, 'hp', 'weight')); // { miata: { hp: 155, weight: 2400 }, // elise: { hp: 217, weight: 2000 }, // alfaromeo: { hp: 237, weight: 2465 } }

Github Location: https://github.com/Jacob-Friesen/obscurejs/blob/master/2018/computedPropertyNames.js

[ng-learner]

Namespace in JavaScript

A container which lets developers bundle all functionality under a unique, application-specific name. Creating a namespace in JavaScript is simple, create one global object, and all variables, methods, and functions become properties of that object.

Use of namespaces also reduces the chance of name conflicts in an application,since each application's objects are properties of an application-defined global object.

// global namespace var MYAPP = MYAPP || {};

//creating Sub namespace MYAPP.event = {};

Naming namespace,you'll capitalize the first letter. If your app requires use of global scope, it's good practice to use a namespace like this to prevent name conflicts (just as jQuery uses $ as a namespace in order to access all the methods and properties of its API).

var myApplication = {         getInfo:function(){                 /* function definition   */         },         models : {

        },         views : {                 pages : {}         },         collections : {         } };

For get to know more about Namespace patterns click here

[txgruppi]

Once again, this is ES6 in Depth. If you haven’t set foot on this series before, you might want to learn about destructuring, template literals, arrow functions, or the [...]

[obscurejavascript]

Traceur Object Initializer Shorthand in Current JS

It can be tedious to write out returning objects with keys with the same names as variables in the function. So for JS.next there is a proposal for a shorthand. It look like this (from Traceur):

var getPoint = function() { var x = 1; var y = 10; return {x, y}; }; console.log(getPoint());// {x: 1, y: 10}

I was able to come up with a close syntax:

var getPoint = function() { var x = 1; var y = 10; return objectify(x, y); }; console.log(getPoint());// {x: 1, y: 10}

But this time there are more severe limitations. I had to parse the calling function:

var objectify = function objectify() { var args = Array.prototype.slice.call(arguments), obj = {}; // Look for the variables in the calling function var caller = objectify.caller + '', argNames = caller.split('objectify(').slice(-1)[0] .split(')')[0] .split(','); args.forEach(function(argument, index) { obj[argNames[index]] = argument; }); return obj; };

Github Location: https://github.com/Jacob-Friesen/obscurejs/blob/master/2014/objectInitializerShorthand.js