Dynamically select a method of an object in JavaScript
Learn how to access a method of an object dynamically in JavaScript
Sometimes you have an object and you need to call a method, or a different method, depending on some condition.
For example you have a car
object and you either want to drive()
it or to park()
it, depending on the driver.sleepy
value.
If the driver has a sleepy level over 6, we need to park the car before it fells asleep while driving.
Here is how you achieve this with an if/else
condition:
if (driver.sleepy > 6) {
car.park()
} else {
car.drive()
}
Let’s rewrite this to be more dynamic.
We can use the ternary operator to dynamically choose the method name, get it as the string value.
Using square brackets we can select it from the object’s available methods:
car[driver.sleepy > 6 ? 'park' : 'drive']
With the above statement we get the method reference. We can directly invoke it by appending the parentheses:
car[driver.sleepy > 6 ? 'park' : 'drive']()
Here is how can I help you:
- COURSES where I teach everything I know
- THE VALLEY OF CODE your web development manual
- BOOTCAMP 2024 cohort in progress, next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- SOLO LAB everything I know about running a lifestyle business as a solopreneur
- Interesting links collection
- Follow me on X