How to Swap Keys and Values in a Map in JavaScript - Step by Step Examples

How to Swap Keys and Values in a Map in JavaScript ?

Answer

To swap keys and values in a map in JavaScript, you can iterate over the original map and insert each key-value pair into a new map with the value as the key and the key as the value. This method allows you to create a new map with swapped key-value pairs.

✐ Examples

1 Swapping Keys and Values in a Map of Integers

We can swap keys and values in a map of integers in JavaScript by iterating over the original map and inserting each key-value pair into a new map with the value as the key and the key as the value.

For example,

We start by declaring and initializing a map of integers named originalMap.
We declare an empty map named swappedMap to store the swapped key-value pairs.
We iterate over the original map using the forEach method and insert each key-value pair into the new map with the value as the key and the key as the value.
We print the resulting map to the console to verify the swap.

JavaScript Program

const originalMap = new Map([
    [1, 10],
    [2, 20],
    [3, 30],
    [4, 40],
    [5, 50]
]);

// Declare an empty map to store the swapped key-value pairs
const swappedMap = new Map();

// Iterate over the original map and insert each key-value pair into the new map with the value as the key and the key as the value
originalMap.forEach((value, key) => {
    swappedMap.set(value, key);
});

// Print the resulting map
console.log('Swapped map of integers:');
swappedMap.forEach((value, key) => {
    console.log(`${key}: ${value}`);
});

Output

Swapped map of integers:
10: 1
20: 2
30: 3
40: 4
50: 5

2 Swapping Keys and Values in a Map of Strings

We can swap keys and values in a map of strings in JavaScript by iterating over the original map and inserting each key-value pair into a new map with the value as the key and the key as the value.

For example,

We start by declaring and initializing a map of strings named originalMap.
We declare an empty map named swappedMap to store the swapped key-value pairs.
We iterate over the original map using the forEach method and insert each key-value pair into the new map with the value as the key and the key as the value.
We print the resulting map to the console to verify the swap.

JavaScript Program

const originalMap = new Map([
    ['one', 'uno'],
    ['two', 'dos'],
    ['three', 'tres'],
    ['four', 'cuatro'],
    ['five', 'cinco']
]);

// Declare an empty map to store the swapped key-value pairs
const swappedMap = new Map();

// Iterate over the original map and insert each key-value pair into the new map with the value as the key and the key as the value
originalMap.forEach((value, key) => {
    swappedMap.set(value, key);
});

// Print the resulting map
console.log('Swapped map of strings:');
swappedMap.forEach((value, key) => {
    console.log(`${key}: ${value}`);
});

Output

Swapped map of strings:
uno: one
dos: two
tres: three
cuatro: four
cinco: five

3 Swapping Keys and Values in a Map of Mixed Types

We can swap keys and values in a map with mixed key and value types in JavaScript by iterating over the original map and inserting each key-value pair into a new map with the value as the key and the key as the value. This example demonstrates swapping keys of type number with values of type string.

For example,

We start by declaring and initializing a map with mixed types named originalMap.
We declare an empty map named swappedMap to store the swapped key-value pairs.
We iterate over the original map using the forEach method and insert each key-value pair into the new map with the value as the key and the key as the value.
We print the resulting map to the console to verify the swap.

JavaScript Program

const originalMap = new Map([
    [1, 'one'],
    [2, 'two'],
    [3, 'three'],
    [4, 'four'],
    [5, 'five']
]);

// Declare an empty map to store the swapped key-value pairs
const swappedMap = new Map();

// Iterate over the original map and insert each key-value pair into the new map with the value as the key and the key as the value
originalMap.forEach((value, key) => {
    swappedMap.set(value, key);
});

// Print the resulting map
console.log('Swapped map of mixed types:');
swappedMap.forEach((value, key) => {
    console.log(`${key}: ${value}`);
});

Output

Swapped map of mixed types:
one: 1
two: 2
three: 3
four: 4
five: 5

Summary

In this tutorial, we learned How to Swap Keys and Values in a Map in JavaScript language with well detailed examples.

◀ Previous Next ▶

JavaScript Tutorials

JavaScript How-Tos

How to Swap Keys and Values in a Map in JavaScript - Step by Step Examples