How to Set Object Keys by Variables in JavaScript

How to Set Object Keys by Variables in JavaScript

Ferenc Almasi β€’ 2020 August 12 β€’ πŸ“– 1 min read

In order to use variable names as object keys, you need to make use of bracket notation:

const key = 'showTopProducts';
const filters = { ... };

filters[key] = true;
key.js
Copied to clipboard!

It is called a property accessor, that provides a way to access the properties of an object.

If you are using ES6 and above, you can also use bracket notation right inside an object:

const key = 'showTopProducts';
const filters = {
    [key]: true
};

console.log(filters);

// The above console.log will output:
{ showTopProducts: true }
key.js
Copied to clipboard!
How to Set Object Keys by Variables in JavaScript
If you would like to see more Webtips, follow @flowforfrank
Looking to improve your skills? Check out our interactive course to master JavaScript from start to finish.
Master JavaScript

Resources:

Did you find this page helpful?
πŸ“š More Webtips
Frontend Course Dashboard
Master the Art of Frontend
  • check Unlimited access to hundred of tutorials
  • check Access to exclusive interactive lessons
  • check Remove ads to learn without distractions
Become a Pro

Recommended