TIL You can dynamically name objects

POSTED ON: Dec 05, 2021

TAGS: javascript objects

You can dynamically name object keys!

Wizards use mana, while barbarians use rage.
You can do something like this!

let magicPoints;

specialPoints = 'mana';

const wizard = {
    health: 20
    spells: 'fireball',
    [specialPoints] : 100

}

specialPoints = 'rage';

const barbarian = {
    health: 100
    skills: 'cleave',
    [specialPoints] : 40

}

This is helpful if you were making a 'hero class factory'.

Something like this:

function createHero(class, magicPointName) {...}

Related TILs

Tagged: javascript

• Next: TIL mutations and how to sort without mutatingMutation isn't bad. It CAN cause side effects and ruin your life. There's times when you want to have your objects mutate. For everything else, switch to functional programming and passing the data.
• Previous: TIL a clean way to add classes based on the page in VueIf your pages exist in a array, use the includes() to check.