Free discovery callFree discovery call

Javascript ES6: Destructuring with default values

This is a short, but very useful code snippet for destructuring variables with default values (if the value is undefined). Very useful snippet for avoiding errors caused by undefined variables. In the following example, the options object is being destructured. const {     valFirst = 1,     valSecond = "hello",     valThird = false   } = options; If a destructured value doesn't exist within the object, it will be assigned a default value. If it does exist within the object, it will be ass

DevelopmentLast updated: 8 Feb 20221 min read

By Adrian Bece

This is a short, but very useful code snippet for destructuring variables with default values (if the value is undefined). Very useful snippet for avoiding errors caused by undefined variables.

In the following example, the options object is being destructured.

const {
    valFirst = 1,
    valSecond = "hello",
    valThird = false
  } = options;

If a destructured value doesn't exist within the object, it will be assigned a default value. If it does exist within the object, it will be assigned the value from the object.

Thank you for taking the time to read this post. Feel free to share your thoughts about this topic in the comments or drop us an email at

Related ArticlesTechnology x Design

View all articlesView all articles
( 01 )Get started

Start a Project