Swapna Kumar Panda
Swapna Kumar Panda

@swapnakpanda

10 Tweets 2 reads Nov 02, 2021
๐Ÿ”ฅ Data Structures you should be knowing as a Web Developer
๐Ÿ‘‰ HTML + CSS + JavaScript : ๐Ÿ˜ข๐Ÿฅบ
๐Ÿ‘‰ + Data Structures : ๐Ÿ’ฏ โœ… ๐Ÿ’ช
๐Ÿงต ๐Ÿ‘‡
We will be discussing about
๐Ÿ‘‰ data structures
๐Ÿ‘‰ their example use case in UI
๐Ÿ‘‰ what operations to know
Data structures are,
1๏ธโƒฃ Array
2๏ธโƒฃ Set
3๏ธโƒฃ Stack
4๏ธโƒฃ Queue
5๏ธโƒฃ Hash Table
6๏ธโƒฃ Tree
โœช โœช โœช
1๏ธโƒฃ Array
Without an Array, no web development is possible. List of items are stored inside Array.
So you should be knowing
โœช Creating an Array
โœช Iterating
โœช Find an Element
โœช Insert Element(s)
โœช Delete Element(s)
โœช Filter an Array
โœช Fetch a Sub-Array
โœช Merging Arrays
2๏ธโƒฃ Set
Set is used to contain unique elements.
Example: Items added to a Shopping Cart. Each item is unique.
You should be knowing
โœช Creating a Set
โœช Iterate through Set
โœช Get an Element
โœช Insert Element(s)
โœช Delete Element(s)
โœช Verify Existence
โœช Merging Sets
3๏ธโƒฃ Stack
Stack is where an element is entered and exited at one end only.
Example: Stacked Image Carousel
You should be knowing
โœช Creating a Stack
โœช Push Element to a Stack
โœช Pop an Element from a Stack
4๏ธโƒฃ Queue
Queue is where an element is entered at one side where as exited at the other side.
Example: A dynamically loading news feed. New post appears at the bottom where as while scrolling old post at the top get offloaded.
You should be knowing
โœช Creating a Queue
โœช Insert an item to Queue
โœช Remove an item from Queue
5๏ธโƒฃ Hash Table
Also known as Map, Dictionary. It is a container of Key-Value pairs.
Example: Items displayed in categories.
You should be knowing
โœช Creating a Hash Table
โœช Inserting an Entry
โœช Deleting an Entry
โœช Getting Value for a Key
โœช Checking if a Key exists
6๏ธโƒฃ Tree
Tree is a hierarchical structure.
Example: DOM
You should be knowing
โœช Creating a Tree
โœช Traversing through Tree
โœช Fetch sub tree
โœช Fetch siblings
โœช Add an Element
โœช Remove an Element
We come to the end of this ๐Ÿงต Hope you find it useful.
๐Ÿ‘‹ I am Swapna and I write contents on DSA, JavaScript and Python
To never miss any content from me,
โœ… Follow @swapnakpanda
๐Ÿ”” Turn on Notifications
โค๏ธ Like the tweet
๐Ÿ” The first tweet
๐Ÿ’ฌ Your feedback about the content

Loading suggestions...