An Interest In:
Web News this Week
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
January 25, 2022 08:30 pm GMT
Original Link: https://dev.to/naftalimurgor/introduction-to-e2015-set-objects-534a
Introduction to E2015 Set Objects
Introduction
Set objects are constructed using new Set()
.
Set object
A set is a set of " unique values. Say you have a simple game and need to track the position of mouse clicks. Youd store every position in a set object. Duplicate values are discarded when an attempt to add the set object is made.
Sample code showing a simple Set
object usage:
function main() { const gameScreen = document.getElementById('game-screen') gameScreen.addEventListener('click' updateAction) const cursorPositions = new Set() function updateAction(event) { let position = {x: e.clientX, y: e.clientY} cursorPositions.add(position) // any duplicate values are discarded, which is ideal in this case } // use unique cursorPositions below}while(true) { main()}
Duplicate values are discarded when added to a set. This is useful for capturing and storing unique values where duplicate values are not needed.
const letters = new Set()letters.add('A')letters.add('B')letters.add('A') // duplicate entry is ignoredconsole.log(letters) // Set {2} {'A', 'B'}
Summary
- The set object provides a way of storing data where duplicate values are not required.
Note: Most languages including JavaScript offer a lot of language features but its not a good approach to try learning all these language features at a go. However, knowing they exist is enough as it helps one know where to look when the need arises.
Original Link: https://dev.to/naftalimurgor/introduction-to-e2015-set-objects-534a
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To