Object literal property value

(ES6) features

by Carlos Delgado

HTML

<span>The object content is : </span><span id="value"></span><br>
<span>The computed object content is : </span><span id="computed"></span>

JavaScript

"use strict"; // We use strict declaration to allow ecmascript6 features
var a = "12";
var b = 12;
var c = 155;
var z = "Something cool ?";
var myKey = "key value";

var myObject = {a,b,myKey,c,z};

document.getElementById("value").innerHTML = JSON.stringify(myObject);

// Computed property names (ES6)
var prop = "myproperty";
var computed = {
  [prop]: "hey",
  ["b" + "bq"]: "With cocacola please",
};

document.getElementById("computed").innerHTML = JSON.stringify(computed);

// Shorthand functions 
var generator = {
	other:"property",
  generator (){ // With the new ES6
  	return "Other " + this.other;
  },
  es5:function(){ // We declare it so with ES5
  	return "Other " + this.other;
  }
};

console.log(computed);
console.log(generator);
console.log(myObject);