Scribd
Upload
4 views

y of JavaScript Se

Uploaded by

xyz.reddyy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

y of JavaScript Se

Uploaded by

xyz.reddyy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

JavaScript Sets:

● A JavaScript Set is a collection of unique values.


● Each value can only occur once in a Set.

How to Create a Set:


● Three Way of create javascript Set.
1. new Set()
2. add() to add values
3. add() to add variables

The new Set() method:


● The Set object lets you store unique values of any type, whether primitive values or
object references.

Example:
// Create a Set
const letters = new Set(["a", "b", "c", "c", "c", "d"]);

// Display set.size
document.getElementById("demo").innerHTML = letters.size;
console.log(letters); //Set(4) [ "a", "b", "c", "d" ]

Output:
4

The add() values method:


● The value of the element to add to the Set object.

Syntax:
add(value)

Example 1:
// Create a Set
const letters = new Set();

// Add Values to the Set


letters.add("a");
letters.add("b");
letters.add("c");
letters.add("c");
letters.add("c");
letters.add("d");

// Display set.size
document.getElementById("demo").innerHTML = letters.size;
console.log(letters); //Set(4) [ "a", "b", "c", "d" ]

Output:
4

The add() variable method:


Example 2:

// Create a Set
const letters = new Set();
// Create Variables
const a = "a";
const b = "b";
const c = "c";
const d = "c";
const e = "c";
const f = "d";

// Add the Variables to the Set


letters.add(a);
letters.add(b);
letters.add(c);
letters.add(d);
letters.add(e);
letters.add(f);

document.getElementById("demo").innerHTML = letters.size;
console.log(letters); //Set(4) [ "a", "b", "c", "d" ]
Output:
4

Set.prototype.has():
● The has() method returns a boolean indicating whether an element with the specified
value exists in a Set object or not.

Example:

const set1 = new Set([1, 2, 3, 4, 5]);

console.log(set1.has(1));

console.log(set1.has(5));

console.log(set1.has(6));

document.getElementById("demo").innerHTML = set1.has(1);
document.getElementById("demo1").innerHTML = set1.has(5);
document.getElementById("demo2").innerHTML = set1.has(6);

Output:
true
true
false
The forEach() Method:
● The forEach() method call a function for each set elements.

Example:
// Create a Set
const letters = new Set(["a","b","c","c","c","d"]);

// List all Elements


let text = "";
letters.forEach (function(value) {
text += value + "<br>";
})

document.getElementById("demo").innerHTML = text;
console.log(letters); //Set(4) [ "a", "b", "c", "d" ]

Output:
a
b
c
d

The values() Method:


● The values() method returns a new iterator object containing all the values in a Set

Example:

// Create a Set
const letters = new Set(["a", "b", "c"]);

// Display set.size
document.getElementById("demo").innerHTML = letters.values();
console.log(letters); //Set(3) [ "a", "b", "c" ]
Output:
[object Set Iterator]

Set.prototype.values():
● The values() method returns a new Iterator object that contains the values for each
element in the Set object in insertion order.

Example:
const mySet = new Set(["foo","bar","baz","baz","ven"]);
const setIter = mySet.values();

console.log(setIter.next().value);
console.log(setIter.next().value);
console.log(setIter.next().value);
console.log(setIter.next().value);

Output:
foo
bar
baz
ven

Set.prototype.entries():
● The entries() method returns a new Iterator object that contains an array of [value,
value] for each element in the Set object, in insertion order.
Example:
const mySet = new Set(["foo","bar","baz","baz","ven"]);
const setIter = mySet.entries();

console.log(setIter.next().value);
console.log(setIter.next().value);
console.log(setIter.next().value);
console.log(setIter.next().value);

console Output:
[ "foo", "foo" ]

[ "bar", "bar" ]

[ "baz", "baz" ]

[ "ven", "ven" ]

Set.prototype.delete():
● The delete() method removes a specified value from a Set object, if it is in the set.

Example:
const mySet = new Set(["a", "b", "c", "c", "d"]);

console.log(mySet.delete("a"));
console.log(mySet.delete("b"));
console.log(mySet.delete("e"));

Console output:
true

true

false

You might also like