What is object destructuring in JavaScript?

What is object destructuring in JavaScript?

What does "object destructuring" mean and what is the result of a destructuring operation? What is object destructuring in JavaScript? The value assigned to the variables does not depend on the order we list them, but it’s based on the property names.

Say you have an object with some properties:

const person = {
  firstName: 'Tom',
  lastName: 'Cruise',
  actor: true,
  age: 57
}

You can extract just some of the object properties and put them into named variables:

const { firstName, age } = person

Now we have 2 new variables, firstName and age, that contain the desired values:

console.log(firstName) // 'Tom'
console.log(age) // 54

javascript destructuring programming

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Array Destructuring in JavaScript

Destructuring is a convenient way of extracting multiple values from data stored in objects and Arrays. ES6 introduced some significant improvements to the language, including the de-structuring of Objects and Arrays. Honestly speaking, these are my favorite edition in the JavaScript standard syntax.

Understanding Destructuring, Rest Parameters and Spread Syntax in Javascript

In this article, I am going to explain destructuring, rest parameters, and spread syntax. The aim is to describe these features in depth so that you’ll be able to work with arrays and objects much more quickly and compactly.

Learning JavaScript: Development Environments for JavaScript Programming

One of the nice things about learning JavaScript these days is that there is a plethora of choices for writing and running JavaScript code. In this article, I’m going to describe a few of these environments and show you the environment I’ll be using in this series of articles.

Learning JavaScript: Data Types and Variables

To paraphrase the title of an old computer science textbook, “Algorithms + Data = Programs.” The first step in learning a programming language such as JavaScript is to learn what types of data the language can work with. The second step is to learn how to store that data in variables. In this article I’ll discuss the different types of data you can work with in a JavaScript program and how to create and use variables to store and manipulate that data.

[ Professor JavaScript ]: Introduction

Professor JavaScript is a JavaScript online learning courses YouTube Channel. Students can learn how to develop codes with JavaScript from basic to advanced levels through the online courses in this YouTube channel.