JavaScript Course Variables in JavaScript

JavaScript - Swap Two Variables in JavaScript

Last Updated : 02 Apr, 2025

In this article, we will learn about swapping 2 variables with Various Approaches.

Using destructing Assignment - Most Used

Here, 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.

JavaScript

let a = 40;
let b = 30;

console.log(`before swap a= ${a}`);
console.log(`before swap b= ${b}`);

// a would be swapped to b and b would be swapped to a
[b, a] = [a, b];

console.log(`after swap a= ${a}`);
console.log(`after swap b= ${b}`);

Output

before swap a= 40
before swap a= 30
after swap a= 30
after swap a= 40

Using Temporary variable

Let's say we create a temp variable that stores the value of a variable A.
Then we copy the value of B to A (A would be overwritten).
Then we copy the value of temp to B (earlier value of A).

JavaScript

let a = 20;
let b = 10;
let temp;

console.log(`before swapping: a= ${a}`);
console.log(`before swapping b= ${b}`);

temp = a;
a = b;
b = temp;

console.log(`after swapping a= ${a}`);
console.log(`after swapping b= ${b}`);

Output

before swapping: a= 20
before swapping b= 10
after swapping a= 10
after swapping b= 20

Using Arithmetic Operations

Firstly, we add a + b to a (a would be greater than b as it is).
Now we subtract b from a so the value of b is now available to b
Now we subtract a with b again to a so a will have the value of B

JavaScript

let a = 10;
let b = 20;

console.log(`before swap a= ${a}`);
console.log(`before swap b= ${b}`);

a = a + b;//10=10+20 now a would be 30
b = a - b;//20=30-20 now b would be 10
a = a - b;//30=30-10 so a would be now 20

console.log(`after swap a= ${a}`);
console.log(`after swap b= ${b}`);

Output

before swap a= 10
before swap b= 20
after swap a= 20
after swap b= 10

Using XOR Bitwise Operator

the XOR bitwise operation is used to swap the values without the need for a temporary variable. This method takes advantage of the property that a ^ b ^ b is equal to a.

JavaScript

let a = 5;
let b = 10;

console.log("Before swapping: a =", a, "b =", b);

a = a ^ b;
b = a ^ b;
a = a ^ b;

console.log("After swapping: a =", a, "b =", b);

Output

Before swapping: a = 5 b = 10
After swapping: a = 10 b = 5

JavaScript Course Variables in JavaScript

J

jeetpurohit989

Improve

Article Tags :

Similar Reads

JavaScript Course Variables in JavaScript

Variables in JavaScript are containers that hold reusable data. It is the basic unit of storage in a program. The value stored in a variable can be changed during program execution. A variable is only a name given to a memory location, all the operations done on the variable effects that memory loca

JavaScript - Use Arrays to Swap Variables

Here are the different methods to swap variables using arrays in JavaScript1. 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.JavaScriptlet x = 5; let y = 10; [x, y] = [y, x];

How to Swap Array Object Values in JavaScript ?

We have given the array of objects, and our task is to swap the values of the object keys present in the array of objects. Below is an example for a better understanding of the problem statement. Example:Input: arr = [{a: 1, b: 2}, {a:3, b: 4}]Output: [ { a: 2, b: 1 }, { a: 4, b: 3 } ]Explnation: Th

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 ] = obj;

How to Convert String to Variable Name in JavaScript?

In JavaScript, if we consider the variable names as string values, it is difficult to transform a variableâ€™s name into a string. However, this problem has been handled in many ways for example, static properties of objects, eval(), and modern ways such as Map can be used to achieve the essential eff

How to Declare Multiple Variables in JavaScript?

JavaScript variables are used as container to store values, and they can be of any data type. You can declare variables using the var, let, or const keywords. JavaScript provides different ways to declare multiple variables either individually or in a single line for efficiency and readability.Decla

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 Java

How to Create a String with Variables in JavaScript?

To create a string with variables in JavaScript, you can use several methods, including string concatenation, template literals, and the String methods. Here are the common approaches:1. Template Literals (Recommended)Template literals are the modern and most preferred way to create strings with var

Sort a String in JavaScript

Here are the most used methods to sort characters in a string using JavaScript.Using split(), sort(), and join()The most simple way to sort a string is to first convert it to an array of characters, sort the array, and then join it back into a string.JavaScriptlet s1 = "javascript"; let s2 = s1.spli

JavaScript Variables

Variables in JavaScript can be declared using var, let, or const. JavaScript is dynamically typed, so variable types are determined at runtime without explicit type definitions.JavaScript var keywordJavaScript let keywordJavaScript const keyword JavaScriptvar a = 10 // Old style let b = 20; // Prfer