Swap the Keys and Values in an Object using JavaScript

Swap the Keys and Values in an Object #

To swap the keys and values in an object:

1. Call the Object.entries() method to get an array of key-value pairs
2. Use the map() method to switch the places of the key and the value
3. Pass the result to the Object.fromEntries() method to get an object with swapped keys and values.

Copied!
function swapKeysAndValues(obj) {
  // 👇️ [['color', 'blue'], ['fruit', 'apple']]
  const swapped = Object.entries(obj).map(
    ([key, value]) => [value, key]
  );

  return Object.fromEntries(swapped);
}

// 👇️ {color: 'blue', fruit: 'apple'}
console.log(
  swapKeysAndValues({blue: 'color', apple: 'fruit'})
);

The first step is to use the Object.entries method to get an array of the object's key-value pairs.

Copied!
// 👇️ [['blue', 'color'], ['apple', 'fruit']]
console.log(Object.entries({blue: 'color', apple: 'fruit'}))

We used the Array.map method to swap the places of the key and the value in the arrays.

The function we passed to the map() method gets called with each element (sub-array) in the array.

We used destructuring assignment to get the first and second elements of each sub-array.

Copied!
const [key, value] = ['color', 'blue'];
console.log(key); // 👉️ "color"
console.log(value); // 👉️ "blue"

We simply switch the order of the key and value and return a new array containing the result.

The last step is to pass the array to the Object.fromEntries method.

The Object.fromEntries method takes an array of key-value pairs, adds them to an object and returns the result.

Copied!
// 👇️ {blue: 'color', apple: 'fruit'}
console.log(
  Object.fromEntries([
    ['blue', 'color'],
    ['apple', 'fruit'],
  ]),
);

To swap the keys and the values of an object in 3 steps:

1. Get an array of key-value pairs using the Object.entries() method.
2. Use the map() method to swap the place of each key and value.
3. Use the Object.fromEntries() method to transform the key-value pair arrays to an object.

An alternative approach is to return an array of objects from the map() method.

Copied!
function swapKeysAndValues(obj) {
  // 👇️ [{color: 'blue'}, {fruit: 'apple'}]
  const swapped = Object.entries(obj).map(
    ([key, value]) => ({[value]: key})
  );

  return Object.assign({}, ...swapped);
}

// 👇️ {color: 'blue', fruit: 'apple'}
console.log(swapKeysAndValues({blue: 'color', apple: 'fruit'}));

We return an array of objects from the map() method. Again, we switch the key and the value for each pair.

This allows us to use the Object.assign method to copy the properties of all objects into a single object.

The first parameter the Object.assign method takes is a target object, and the next is source object(s). The key-value pairs of the source objects get copied to the target object.

Further Reading #

• Use forEach() on an Array in Reverse Order in JavaScript
• How to use map() on an Array in Reverse Order in JS