Exploring the Power of Set & Map in JavaScript

The Versatility of Set in JavaScript

Set is a new data structure introduced in ES6 that allows you to store unique values of any type, whether primitive values or object references. Let's explore how Set can be used in JavaScript:

Creating a Set

const uniqueNumbers = new Set();

uniqueNumbers.add(1);

uniqueNumbers.add(2);

uniqueNumbers.add(3);

console.log(uniqueNumbers); // Set { 1, 2, 3 }

Checking for Existence

console.log(uniqueNumbers.has(2)); // true

console.log(uniqueNumbers.has(4)); // false

Utilizing the Power of Map in JavaScript

Map is another ES6 data structure that allows you to store key-value pairs. Let's dive into how Map can be leveraged in JavaScript:

Creating a Map

const userRoles = new Map();

userRoles.set('John', 'Admin');

userRoles.set('Alice', 'Editor');

userRoles.set('Bob', 'Viewer');

console.log(userRoles); // Map { 'John' => 'Admin', 'Alice' => 'Editor', 'Bob' => 'Viewer' }

Iterating Over Map Entries

for (const [user, role] of userRoles) {

  console.log(${user} is a ${role});

}

Set and Map offer efficient ways to handle data in JavaScript, providing unique features that can streamline your coding process. Experiment with these data structures to enhance your programming skills!