Square Brackets Javascript Object Key

by

It’s the new ES2015 (the EcmaScript spec formally known as ES6) computed property name syntax. It’s a shorthand for the someObject[someKey] assignment that you know from ES3/5:

var a = "b"
var c = {[a]: "d"}

is syntactic sugar for:

var a = "b"
var c = {}
c[a] = "d"

More Related Contents:

  1. What does “this” refer to in arrow functions in ES6?
  2. `export const` vs. `export default` in ES6
  3. Javascript – arrow functions this in event handler?
  4. Arrow Functions and This [duplicate]
  5. Can you bind ‘this’ in an arrow function?
  6. How can I conditionally import an ES6 module?
  7. ES2015 import doesn’t work (even at top-level) in Firefox
  8. Getting Unexpected Token Export
  9. How can I access constants in the lib/constants.js file in Meteor?
  10. Deep copy in ES6 using the spread syntax
  11. How to create an instance of a subclass from the super class?
  12. How can I construct a Template String from a regular string? [duplicate]
  13. Javascript: What is the difference between Function and Class
  14. Why es6 react component works only with “export default”?
  15. How to publish a module written in ES6 to NPM?
  16. Best way to polyfill ES6 features in React app that uses create-react-app
  17. What is the defined execution order of ES6 imports?
  18. JSON stringify ES6 class property with getter/setter
  19. Why does the Promise constructor require a function that calls ‘resolve’ when complete, but ‘then’ does not – it returns a value instead?
  20. How to create new instance of an extended class of custom elements
  21. Get the description of a ES6 Symbol
  22. How to loop over object properties with ngFor in Angular
  23. How to create an array of objects from multiple arrays
  24. How should I import the Spatial Illusions milsymbol library into my webpage?
  25. Why is `throw` invalid in an ES6 arrow function?
  26. Where argument of first next() call goes? [duplicate]
  27. Unnecessary ‘else’ after ‘return’. (No-else-return)
  28. using await on global scope without async keyword
  29. ES6 arrow function and lexical scope inside a function [duplicate]
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment