How to Set Object Keys by Variables in JavaScript

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;

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 }

Get access to 300+ webtips 💌

Level up your skills and master the art of frontend development with bite-sized tutorials.

We don't spam. Unsubscribe anytime.

Get Access to Webtips

Looking to improve your skills? Check out our interactive course to master JavaScript from start to finish.

---

Resources:

• Bracket notation in JavaScript