πŸŽ„ Get 20% off from our JavaScript course for the holidays! πŸŽ„
How to Set Object Keys by Variables in JavaScript

How to Set Object Keys by Variables in JavaScript

Ferenc Almasi β€’ 2020 August 12 β€’ Read time 1 min read
  • twitter
  • facebook
JavaScript

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

Copied to clipboard!
const key = 'showTopProducts';
const filters = { ... };

filters[key] = true;
key.js

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:

Copied to clipboard! Playground
const key = 'showTopProducts';
const filters = {
    [key]: true
};

console.log(filters);

// The above console.log will output:
{ showTopProducts: true }
key.js
How to Set Object Keys by Variables in JavaScript
If you would like to see more Webtips, follow @flowforfrank

Resources:

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

Recommended