
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:
Copied to clipboard!
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:
Copied to clipboard! Playground
const key = 'showTopProducts';
const filters = {
[key]: true
};
console.log(filters);
// The above console.log will output:
{ showTopProducts: true }

Resources:
π More Webtips
Master the Art of Frontend
Access exclusive interactive lessons
Unlimited access to hundreds of tutorials
Remove ads to learn without distractions