[Demo] Set in JavaScript ES6

This example demonstrates how to use Set in JavaScript ES6. Set provides a way to store the items that are all unique.

by Rahul Saraswat

HTML

<!-- Please press ctrl-shift-i or right-click on browser to see output in browser console window. -->

JavaScript

var set = new Set();

set.add('BMW');		//add function to store items
set.add('AUDI');

set.add('BMW');		//duplicate is ignored
set.add('Lamborgini');

set.add({carMake: 'Maruti', carModel:'Dzire'});		//can add objects too

set.add([10,20,30]);

//'size' property gives the number of items stored
console.log(set.size);	// prints 2. Remember, duplicate is ignored.

set.forEach(function(item){	
	if(item.constructor === Object){
  	for(var a in item){
    	console.log('\n' + item[a]);
    }
  }
  else if(item.constructor === Array){
  	console.log('\n' + item[0] + ',' + item[1]);
  }
  else{
  	console.log('\n' + item);
  }
});

//'has' function to check if item exists or not
console.log(set.has('AUDI'));	//returns true

//'delete' function to remove item from the collection
console.log(set.delete('AUDI'));		//returns true, if item deleted successfully

for(let item of set){
	if(item.constructor === Object){
  	for(var a in item){
    	console.log('\n' + item[a]);
    }
  }
  else if(item.constructor === Array){
  	console.log('\n' + item[0] + ',' + item[1]);
  }
  else{
  	console.log('\n' + item);
  }
}

//To get next value of current item. In this case, it retruns very first
console.log(set.values().next().value);

set.clear();		// to clear all items from collection

//after deleting all