Destructuring Assignment in JavaScript

How to Swap Variables using Destructuring Assignment in JavaScript?

Last Updated : 12 Nov, 2024

Destructuring assignment in JavaScript allows us to unpack the values from arrays or objects and assign them to multiple variables.

Syntax

// Destructuring from Array, arr = [ 10, 15 ]
let [ a, b ] = arr;  // a=> 10, b => 15

// Destructuring from Array, obj = { n1: 10, n2: 15 ]
let [ n1, n2 ] = obj;

JavaScript destructing assignment is used to swap the elements by swapping the variable positions in the destructuring array.

Syntax

// Swaping the values of a and b
[ a, b] = [ b, a ]

Example: This example uses the JavaScript destructuring assignment to swap the values of two variables.

JavaScript

// Given variables
let a = 10;
let b = 25;

// Swap values using Destructuring Assignment
[a, b] = [b, a];

// Display updated values
console.log("Updated Values= a:",a, "b:",b );

Output

Updated Values= a: 25 b: 10

Example 2: This example swaps the values of 3 variables using destructuring assignment in JavaScript.

JavaScript

// Given values
// Assign values from array using Destructuring Assignment
let [a, b, c] = [ 30, 40, 50 ];

// Swap values using Destructuring Assignment
[a, b, c] = [b, c, a];

// Display updated values
console.log("Updated Values= a:",a, "b:", b,"c:", c );

Output

Updated Values= a: 40 b: 50 c: 30

Destructuring Assignment in JavaScript

vpsop

Improve

Article Tags :

Similar Reads

How to swap variables using destructuring assignment in JavaScript ?

Destructuring assignment in JavaScript allows us to unpack the values from arrays or objects and assign them to multiple variables. Syntax // Destructuring from Array, arr = [ 10, 15 ]let [ a, b ] = arr; // a=> 10, b => 15// Destructuring from Array, obj = { n1: 10, n2: 15 ]let [ n1, n2 ] = ob

Destructuring Assignment in JavaScript

Destructuring Assignment is a JavaScript expression that allows to unpack of values from arrays, or properties from objects, into distinct variables data can be extracted from arrays, objects, and nested objects, and assigned to variables. Array DestructuringArray members can be unpacked into differ

JavaScript SyntaxError â€“ Invalid destructuring assignment target

A JavaScript â€œSyntaxError: Invalid destructuring assignment targetâ€ error arises when the interpreter finds an invalid target on the left side of destructuring assignment, destructuring assignment makes it possible to unpack values from arrays or properties from objects into distinct variables but t

How to create a variable using a user-defined name in JavaScript ?

In this article, we will learn to create a variable using the user-defined name in JavaScript. Variables in JavaScript: Basically, it is a container that holds reusable data in JavaScript. The variable's value can be changed during program execution and should be declared before using it. Before ES6

How to set default values when destructuring an object in JavaScript ?

Destructuring in JavaScript: Destructuring was introduced in ECMA Script 6 version. It is a concept that is used to unpack or free values from arrays and objects into variables. The values corresponding to array elements or object properties get stored in the variables. Example: This example shows t

How to unpack array elements into separate variables using JavaScript ?

Given an array and the task is to unpack the value of the array into separate variables by using the preferred method using javascript. We can unpack the array elements into separate variables by the following methods: Table of Content Destructuring AssignmentUsing Array.slice() MethodUsing the spre

JavaScript - Use Arrays to Swap Variables

Here are the different methods to swap variables using arrays in JavaScript 1. Using Array DestructuringArray destructuring is the most efficient and modern way to swap variables in JavaScript. This method eliminates the need for a temporary variable. [GFGTABS] JavaScript let x = 5; let y = 10; [x,

How to Use Dynamic Variable Names in JavaScript?

Dynamic variable names are variable names that are not predefined but are generated dynamically during the execution of a program. This means the name of a variable can be determined at runtime, rather than being explicitly written in the code. Here are different ways to use dynamic variables in Jav

JavaScript - Swap Two Variables in JavaScript

In this article, we will learn about swapping 2 variables with Various Approaches. Using destructing Assignment - Most UsedHere, we will be using a destructing Assignment. The destructing assignment makes it possible to unpack values from an array, object, or other properties into distinct variables

How to make variables private in Constructor functions in JavaScript ?

In Javascript there's no specific way to make variables private in a Constructor function. If a variable is genuinely private, meaning it cannot be accessible from the outside. A constructor is a function that generates a new instance of a class, sometimes referred to as an "object." A constructor's