{"id":100378,"date":"2025-06-27T21:48:59","date_gmt":"2025-06-27T16:18:59","guid":{"rendered":"https:\/\/www.admecindia.co.in\/?p=100378"},"modified":"2025-06-30T17:18:52","modified_gmt":"2025-06-30T11:48:52","slug":"data-structure-in-javascript","status":"publish","type":"post","link":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/","title":{"rendered":"What are Top Data Structures in JavaScript and How to Implement them"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>A data structure algorithm is an important concept to understand for anyone. It is very useful for those who want to get into the web development field. Learners who are new to website designing and development must start by making their initial concepts clear. Data structure is one such initial part to understand. In this blog, we are going to talk about the top 10 data structures in JavaScript with their implementation steps.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?resize=1024%2C768&#038;ssl=1\" alt=\"data structure in javascript\" class=\"wp-image-100403\" srcset=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?resize=768%2C576&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What is a Data Structure?<\/h2>\n\n\n\n<p>Data structure algorithm is an important concept to understand for everyone who wants to get into the web development field. Learners who are new to website designing and development must start by making their initial concepts clear. Data structure is one such initial part to understand. In this blog, we are going to talk about the top 10 data structures in JavaScript with their implementation steps.<\/p>\n\n\n\n<p>Does all this sound a bit tricky to you? As a beginner, you can follow a detailed step-by-step process of learning programming for websites with our <a href=\"https:\/\/www.admecindia.co.in\/courses\/web-designing-courses\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>specialized courses in web design<\/strong><\/a>. These programs are mainly for newcomers who don\u2019t know much about coding and want to become pros in it.<\/p>\n\n\n\n<p>If you are comfortable so far, then just keep reading, as we are about to start the most important part now.<\/p>\n\n\n\n<p>In today\u2019s blog, we are focusing on JavaScript\u2019s built-in data structures only. So, let\u2019s start reading about types of data structures coming from JavaScript.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Most Useful Data Structure in JavaScript<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"396\" src=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Data-Structure-in-Javascript.jpg?resize=880%2C396&#038;ssl=1\" alt=\"Data Structure in Javascript\" class=\"wp-image-100385\" srcset=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Data-Structure-in-Javascript.jpg?w=880&amp;ssl=1 880w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Data-Structure-in-Javascript.jpg?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Data-Structure-in-Javascript.jpg?resize=768%2C346&amp;ssl=1 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">1. Array<\/h3>\n\n\n\n<p>Array comes on top of the list, and it is a very common one to use among programmers.<\/p>\n\n\n\n<p>To understand its meaning, we can take the example of an ice tray.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#daffd6\"><em>Imagine you have an ice tray. It has little boxes that can hold ice cubes. Think of <\/em>that tray as an array. Now, each box of the tray is like an area that can hold something like a number, a color, or even a name. We call that area elements in coding. Plus, every box has a number written on it, like 0, 1, 2, etc. It is to know where to keep things. So, if we want the third ice cube, then we can simply look at box number 3! These numbers are index<em>.<\/em><\/p>\n\n\n\n<p>JavaScript also has <a href=\"https:\/\/www.w3schools.com\/js\/js_arrays.asp\"><strong>dynamic arrays<\/strong><\/a> similar to any other programming language. But the size or data type is not predetermined in JavaScript.<\/p>\n\n\n\n<p>Literal arrays are the easiest way of creating arrays in JavaScript. Here is the example:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;script>\nvar users=&#91;\"neha\",\"ayushi\",\"gauri\"&#93;;  \/\/creating an array\n\/\/iterate over an array \nfor (i=0; i&lt;users.length; i++){  \n    document.write(users&#91;i&#93; + \", \");\n}\n&lt;\/script> \n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #808080\">&lt;<\/span><span style=\"color: #569CD6\">script<\/span><span style=\"color: #808080\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">var users=&#91;&quot;neha&quot;,&quot;ayushi&quot;,&quot;gauri&quot;&#93;;  \/\/creating an array<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">\/\/iterate over an array <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">for (i=0; i&lt;users.length; i++)<\/span><span style=\"color: #569CD6\">{<\/span><span style=\"color: #D4D4D4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">document<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">write<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">users<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">&#93; + <\/span><span style=\"color: #CE9178\">&quot;, &quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #808080\">&lt;\/<\/span><span style=\"color: #569CD6\">script<\/span><span style=\"color: #808080\">&gt;<\/span><span style=\"color: #D4D4D4\"> <\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2. Linked list<\/h3>\n\n\n\n<p>A linked list is a group of nodes, and each node has the data and the address to the next node. It\u2019s a linear type of data structure.<\/p>\n\n\n\n<p>Basic operations we can perform on the linked list are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Traversal: It means going through nodes one by one.<\/li>\n\n\n\n<li>Insertion: In it, we add a new node by making some adjustments.<\/li>\n\n\n\n<li>Deletion: It means removing a link from a node and reconnecting to others.<\/li>\n\n\n\n<li>Searching: In it, we check each node until we find the value.<\/li>\n\n\n\n<li>Sorting: This operation rearranges all the nodes in the list.<\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s understand this type with a simple example.<\/p>\n\n\n\n<p><strong>Example<\/strong>: Imagine a treasure hunt!<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#daffd6\"><em>In this treasure hunt, we get some clues to reach the treasure. Each clue has two things written on it, the first is the next clue and a hint to find it. It\u2019s a linear process in which we can\u2019t jump to the last clue right away. We have to go from the first to the next step by step to reach the treasure!<\/em><\/p>\n\n\n\n<p>Do you know that\u2019s how a linked list works? Yes, each clue is like a node, and the hint is your data. The next clue\u2019s address is like a link to the next node. So, you can consider a linked list data structure as a chain of connected nodes. These clues are placed in random places, not side by side like an ice-tray. &nbsp;<\/p>\n\n\n\n<p>So, in simple terms, a linked list is like a chain of connected clues. In it, we have a node with some data that points to the next node. You can go from the first node to the last one step by step.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>class Node{\n    constructor(value)\n    {\n    this.value=value\n    this.next=null\n    }\n}\nclass LinkedList{\n    constructor()\n    {\n        this.head=null\n    }\n    append(value)\n    {\n        let newnode=new Node(value)\n        if(!this.head)\n        {\n            this.head=newnode\n            return\n        }\n        let current=this.head\n        while(current.next)\n        {\n            current=current.next\n        }\n        current.next=newnode\n        \n    }\n    printList(){\n      let current=this.head\n      let result=\"\"\n      while(current)\n      {\n          result+=current.value+'->'\n          current=current.next\n      }\n      console.log(result+'null')\n    }\n}\nlet list=new LinkedList()\nlist.append(10)\nlist.append(20)\nlist.append(30)\nlist.printList()<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Node<\/span><span style=\"color: #D4D4D4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">constructor<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #9CDCFE\">value<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">next<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #569CD6\">null<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">LinkedList<\/span><span style=\"color: #D4D4D4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">constructor<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">head<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #569CD6\">null<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #DCDCAA\">append<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">newnode<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #569CD6\">new<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">Node<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\">(!<\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">head<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">head<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #9CDCFE\">newnode<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #C586C0\">return<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">head<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #C586C0\">while<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">next<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">next<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">next<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #9CDCFE\">newnode<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #DCDCAA\">printList<\/span><span style=\"color: #D4D4D4\">(){<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #569CD6\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">head<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #569CD6\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #C586C0\">while<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">          <\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">+=<\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">value<\/span><span style=\"color: #D4D4D4\">+<\/span><span style=\"color: #CE9178\">&#39;-&gt;&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">          <\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #9CDCFE\">current<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">next<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">result<\/span><span style=\"color: #D4D4D4\">+<\/span><span style=\"color: #CE9178\">&#39;null&#39;<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">list<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #569CD6\">new<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">LinkedList<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">list<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">append<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">10<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">list<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">append<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">20<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">list<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">append<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">30<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">list<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">printList<\/span><span style=\"color: #D4D4D4\">()<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Stack<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"557\" src=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Stacks.jpg?resize=880%2C557&#038;ssl=1\" alt=\"Stacks\" class=\"wp-image-100389\" srcset=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Stacks.jpg?w=880&amp;ssl=1 880w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Stacks.jpg?resize=300%2C190&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Stacks.jpg?resize=768%2C486&amp;ssl=1 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>A stack is also a linear type of data structure that follows the last-in in first-out principle. It will have only one pointer, which will be pointing to the topmost element of the stack.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>class Stack {\n  constructor() {\n    this.items = []; \/\/ Array to store stack elements\n  }\n\n  \/\/ Add an element to the top of the stack\n  push(element) {\n    this.items.push(element);\n  }\n\n  \/\/ Remove and return the top element from the stack\n  pop() {\n    if (this.isEmpty()) {\n      return \"Stack is empty\"; \/\/ Handle empty stack case\n    }\n    return this.items.pop();\n  }\n\n  \/\/ Return the top element without removing it\n  peek() {\n    if (this.isEmpty()) {\n      return \"Stack is empty\";\n    }\n    return this.items&#91;this.items.length - 1&#93;;\n  }\n\n  \/\/ Check if the stack is empty\n  isEmpty() {\n    return this.items.length === 0;\n  }\n\n  \/\/ Get the number of elements in the stack\n  size() {\n    return this.items.length;\n  }\n\n  \/\/ Clear all elements from the stack\n  clear() {\n    this.items = [];\n  }\n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Stack<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">constructor<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\"> = []; <\/span><span style=\"color: #6A9955\">\/\/ Array to store stack elements<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Add an element to the top of the stack<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">push<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">element<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">push<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">element<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Remove and return the top element from the stack<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">pop<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">isEmpty<\/span><span style=\"color: #D4D4D4\">()) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&quot;Stack is empty&quot;<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #6A9955\">\/\/ Handle empty stack case<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">pop<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Return the top element without removing it<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">peek<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">isEmpty<\/span><span style=\"color: #D4D4D4\">()) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&quot;Stack is empty&quot;<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\"> - <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">&#93;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Check if the stack is empty<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">isEmpty<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\"> === <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Get the number of elements in the stack<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">size<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Clear all elements from the stack<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">clear<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\"> = [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4. Queues<\/h3>\n\n\n\n<p>Queues are again a linear data structure, but they contain two pointers, one at the front and another at the rear. Here, the front pointer has the address of the last element of the queue. Two of the main methods used here are enqueue and dequeue.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"334\" src=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Library-Counter.jpg?resize=455%2C334&#038;ssl=1\" alt=\"Library Counter\" class=\"wp-image-100388\" srcset=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Library-Counter.jpg?w=455&amp;ssl=1 455w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Library-Counter.jpg?resize=300%2C220&amp;ssl=1 300w\" sizes=\"auto, (max-width: 455px) 100vw, 455px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>There are many <a href=\"https:\/\/www.geeksforgeeks.org\/dsa\/basic-operations-for-queue-in-data-structure\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>basic operations of the <\/strong><\/a>Queue data structure, like Enqueue, Dequeue, isEmpty, isFull, peek, etc.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>class Queue {\n  constructor() {\n    this.items = [];\n  }\n\n  enqueue(element) {\n    this.items.push(element); \n  }\n\n  dequeue() {\n    return this.isEmpty() ? \"Queue is empty\" : this.items.shift();\n  }\n\n  peek() {\n    return this.isEmpty() ? \"Queue is empty\" : this.items&#91;0&#93;;\n  }\n\n  isEmpty() {\n    return this.items.length === 0;\n  }\n\n  size() {\n    return this.items.length;\n  }\n\n  print() {\n    console.log(this.items.join(\" -> \"));\n  }\n}\n\n\/\/ Example usage:\nconst queue = new Queue();\nqueue.enqueue(1);\nqueue.enqueue(2);\nqueue.enqueue(3);\nqueue.print();\nconsole.log(queue.dequeue());\nconsole.log(queue.peek()); \nconsole.log(queue.size());<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Queue<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">constructor<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\"> = [];<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">enqueue<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">element<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">push<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">element<\/span><span style=\"color: #D4D4D4\">); <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">dequeue<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">isEmpty<\/span><span style=\"color: #D4D4D4\">() ? <\/span><span style=\"color: #CE9178\">&quot;Queue is empty&quot;<\/span><span style=\"color: #D4D4D4\"> : <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">shift<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">peek<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">isEmpty<\/span><span style=\"color: #D4D4D4\">() ? <\/span><span style=\"color: #CE9178\">&quot;Queue is empty&quot;<\/span><span style=\"color: #D4D4D4\"> : <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">&#93;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">isEmpty<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\"> === <\/span><span style=\"color: #B5CEA8\">0<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">size<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">print<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">items<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">join<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&quot; -&gt; &quot;<\/span><span style=\"color: #D4D4D4\">));<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #6A9955\">\/\/ Example usage:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">const<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4FC1FF\">queue<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #569CD6\">new<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">Queue<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">queue<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">enqueue<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">queue<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">enqueue<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">queue<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">enqueue<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #B5CEA8\">3<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">queue<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">print<\/span><span style=\"color: #D4D4D4\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">queue<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">dequeue<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">queue<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">peek<\/span><span style=\"color: #D4D4D4\">()); <\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">queue<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">size<\/span><span style=\"color: #D4D4D4\">());<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">5. Trees<\/h3>\n\n\n\n<p>Trees are a non-linear data structure. In this type, nodes are connected by edges. Each node contains the data, and it is further connected to other child nodes.<\/p>\n\n\n\n<p>There are different types of trees in DSA, like Binary Tree, AVL Tree, Balanced Tree, Binary Search Tree, Red Black Tree, etc.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>class Node {\n  constructor(data) {\n    this.data = data;\n    this.children = []; \/\/ For generic trees\n    \/\/ For binary trees:\n    \/\/ this.left = null;\n    \/\/ this.right = null;\n  }\n}\n\nclass Tree {\n  constructor() {\n    this.root = null;\n  }\n\n  \/\/ Example method for adding a child to a node (generic tree)\n  addChild(parentNode, childNode) {\n    if (parentNode) {\n      parentNode.children.push(childNode);\n    } else {\n      console.log(\"Parent node not found.\");\n    }\n  }\n\n  \/\/ Example method for inserting into a BST\n  \/\/ insert(data) { ... } \n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Node<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">constructor<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">data<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">data<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">data<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">children<\/span><span style=\"color: #D4D4D4\"> = []; <\/span><span style=\"color: #6A9955\">\/\/ For generic trees<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #6A9955\">\/\/ For binary trees:<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #6A9955\">\/\/ this.left = null;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #6A9955\">\/\/ this.right = null;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">class<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #4EC9B0\">Tree<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #569CD6\">constructor<\/span><span style=\"color: #D4D4D4\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">this<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">root<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #569CD6\">null<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Example method for adding a child to a node (generic tree)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #DCDCAA\">addChild<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">parentNode<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">childNode<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">parentNode<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">parentNode<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">children<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">push<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">childNode<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    } <\/span><span style=\"color: #C586C0\">else<\/span><span style=\"color: #D4D4D4\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">      <\/span><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #CE9178\">&quot;Parent node not found.&quot;<\/span><span style=\"color: #D4D4D4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  }<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ Example method for inserting into a BST<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  <\/span><span style=\"color: #6A9955\">\/\/ insert(data) { ... } <\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">6. Graphs<\/h3>\n\n\n\n<p>A graph is the most common data structure, and it contains a finite number of nodes and edges. We generally represent graphics as a network diagram. We see connected objects through directed or undirected paths.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"324\" src=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Un-Directed-Graphs.jpg?resize=880%2C324&#038;ssl=1\" alt=\"Un &amp; Directed Graphs\" class=\"wp-image-100386\" srcset=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Un-Directed-Graphs.jpg?w=880&amp;ssl=1 880w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Un-Directed-Graphs.jpg?resize=300%2C110&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Un-Directed-Graphs.jpg?resize=768%2C283&amp;ssl=1 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<p>Refer to this link to read in detail about the graph data structure. <a href=\"https:\/\/www.geeksforgeeks.org\/implementation-graph-javascript\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/www.geeksforgeeks.org\/implementation-graph-javascript<\/a><\/p>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">7. Hash tables<\/h3>\n\n\n\n<p>Hash tables, also known as hash mapping in which we store data in key-value pairs. This type of work is quick and saves a lot of time in finding, inserting, or even deleting data.<\/p>\n\n\n\n<p>Hash tables are like a dictionary in which we search for a word and find its meaning. That word is key, and its meaning is its value in Hash tables. It uses a hash function to find the stored values quickly.<\/p>\n\n\n\n<p><strong>Example<\/strong>: We can store a student\u2019s grade using their name:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>let studentGrades = {\n \"Radha\": \"A\",\n  Aryan\": \"B\",\n  \"Palak\": \"A+\"\n};\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">let<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">studentGrades<\/span><span style=\"color: #D4D4D4\"> = {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&quot;Radha&quot;<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&quot;A&quot;<\/span><span style=\"color: #D4D4D4\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">  Aryan<\/span><span style=\"color: #CE9178\">&quot;: &quot;<\/span><span style=\"color: #9CDCFE\">B<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #F44747\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">  <\/span><span style=\"color: #CE9178\">&quot;Palak&quot;<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #CE9178\">&quot;A+&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">};<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Here, &#8220;Radha&#8221; is the key and &#8220;A&#8221; is the value. In this structure, we use a hash function to turn &#8220;Radha&#8221; into a number like 01 and put &#8220;A&#8221; in the 1st position of the table.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"487\" src=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Hash-Tables.jpg?resize=880%2C487&#038;ssl=1\" alt=\"Hash Tables\" class=\"wp-image-100387\" srcset=\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Hash-Tables.jpg?w=880&amp;ssl=1 880w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Hash-Tables.jpg?resize=300%2C166&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/Hash-Tables.jpg?resize=768%2C425&amp;ssl=1 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">8. Heap table<\/h3>\n\n\n\n<p>Last but not least, we have the Heap table, which is a binary tree-based data structure. It satisfies two properties: Max-Heap and Min-Heap.<\/p>\n\n\n\n<p>In, Max-Heap parent node is always greater than or equal to its child nodes. And in Min-Heap, the parent node is always less than or equal to its child nodes.<\/p>\n\n\n\n<p>Let\u2019s understand it with an example of a pyramid of blocks, in which we have to follow the following rules:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If we have to follow Max-Heap then put the biggest block always on top.<\/li>\n\n\n\n<li>If we have to follow Min-Heap then we need to put the smallest block on top.<\/li>\n<\/ul>\n\n\n\n<p><strong>Here is a real example:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>function minHeapify(heap, index) {\n    var left = index * 2;\n    var right = (index * 2) + 1;\n    var smallest = index;\n\n    if ((heap.length > left) &amp;&amp; (heap&#91;smallest&#93; > heap&#91;left&#93;)) {\n        smallest = left\n    }\n    if ((heap.length > right) &amp;&amp; (heap&#91;smallest&#93; > heap&#91;right&#93;))\n        smallest = right\n    if (smallest != index) {\n        var tmp = heap&#91;smallest&#93;\n        heap&#91;smallest&#93; = heap&#91;index&#93;\n        heap&#91;index&#93; = tmp\n        minHeapify(heap, smallest)\n    }\n    return heap;\n}\n\nfunction convertMax(maxHeap) {\n    for (var i = Math.floor((maxHeap.length) \/ 2); i > -1; i--)\n        maxHeap = minHeapify(maxHeap, i)\n    return maxHeap\n}\n\nvar maxHeap = &#91;9,4,7,1,-2,6,5&#93;\nconsole.log(convertMax(maxHeap)) ;\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #569CD6\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">minHeapify<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">left<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">right<\/span><span style=\"color: #D4D4D4\"> = (<\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\"> * <\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">) + <\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> ((<\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\"> &gt; <\/span><span style=\"color: #9CDCFE\">left<\/span><span style=\"color: #D4D4D4\">) &amp;&amp; (<\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\">&#93; &gt; <\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">left<\/span><span style=\"color: #D4D4D4\">&#93;)) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">left<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> ((<\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\"> &gt; <\/span><span style=\"color: #9CDCFE\">right<\/span><span style=\"color: #D4D4D4\">) &amp;&amp; (<\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\">&#93; &gt; <\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">right<\/span><span style=\"color: #D4D4D4\">&#93;))<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">right<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">if<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\"> != <\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">tmp<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\">&#93;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\">&#93; = <\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\">&#93;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">&#91;<\/span><span style=\"color: #9CDCFE\">index<\/span><span style=\"color: #D4D4D4\">&#93; = <\/span><span style=\"color: #9CDCFE\">tmp<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #DCDCAA\">minHeapify<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">smallest<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">heap<\/span><span style=\"color: #D4D4D4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">function<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #DCDCAA\">convertMax<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">maxHeap<\/span><span style=\"color: #D4D4D4\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\"> (<\/span><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #9CDCFE\">Math<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">floor<\/span><span style=\"color: #D4D4D4\">((<\/span><span style=\"color: #9CDCFE\">maxHeap<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #9CDCFE\">length<\/span><span style=\"color: #D4D4D4\">) \/ <\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">); <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\"> &gt; -<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">; <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">--)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        <\/span><span style=\"color: #9CDCFE\">maxHeap<\/span><span style=\"color: #D4D4D4\"> = <\/span><span style=\"color: #DCDCAA\">minHeapify<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">maxHeap<\/span><span style=\"color: #D4D4D4\">, <\/span><span style=\"color: #9CDCFE\">i<\/span><span style=\"color: #D4D4D4\">)<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    <\/span><span style=\"color: #C586C0\">return<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">maxHeap<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #569CD6\">var<\/span><span style=\"color: #D4D4D4\"> <\/span><span style=\"color: #9CDCFE\">maxHeap<\/span><span style=\"color: #D4D4D4\"> = &#91;<\/span><span style=\"color: #B5CEA8\">9<\/span><span style=\"color: #D4D4D4\">,<\/span><span style=\"color: #B5CEA8\">4<\/span><span style=\"color: #D4D4D4\">,<\/span><span style=\"color: #B5CEA8\">7<\/span><span style=\"color: #D4D4D4\">,<\/span><span style=\"color: #B5CEA8\">1<\/span><span style=\"color: #D4D4D4\">,-<\/span><span style=\"color: #B5CEA8\">2<\/span><span style=\"color: #D4D4D4\">,<\/span><span style=\"color: #B5CEA8\">6<\/span><span style=\"color: #D4D4D4\">,<\/span><span style=\"color: #B5CEA8\">5<\/span><span style=\"color: #D4D4D4\">&#93;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #9CDCFE\">console<\/span><span style=\"color: #D4D4D4\">.<\/span><span style=\"color: #DCDCAA\">log<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #DCDCAA\">convertMax<\/span><span style=\"color: #D4D4D4\">(<\/span><span style=\"color: #9CDCFE\">maxHeap<\/span><span style=\"color: #D4D4D4\">)) ;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>So, that\u2019s all about some of the most used data structure techniques in JavaScript. If you want to learn more about such a concept, then you must plan for our programs like:<strong> <a href=\"https:\/\/www.admecindia.co.in\/course\/best-javascript-master-course\/\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript Master<\/a><\/strong>, <a href=\"https:\/\/www.admecindia.co.in\/course\/advanced-javascript-master-plus-course\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JavaScript Master Plus<\/strong><\/a>, and <a href=\"https:\/\/www.admecindia.co.in\/course\/most-advanced-course-javascript-master-plus-plus\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>JavaScript Master Plus+<\/strong>.<\/a><\/p>\n\n\n\n<p>There is a lot to learn in this field. So, readers keep going and learning.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">About Author<\/h2>\n\n\n\n<p>Hey, this is Wasim here. I have completed the <a href=\"https:\/\/www.admecindia.co.in\/course\/advanced-web-design-development-master-course\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Web Master Course<\/strong><\/a> at ADMEC Multimedia. Now I am successfully working at Mobile Programming as a Software Engineer. There are many related blogs at ADMEC to read. You can explore all the blogs given below. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>A data structure algorithm is an important concept to understand for anyone. It is very useful for those who want to get into the web development field. Learners who are [&hellip;]<\/p>\n","protected":false},"author":44,"featured_media":100403,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[80],"tags":[102],"class_list":["post-100378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Top Data Structures in JavaScript - ADMEC Multimedia Institute<\/title>\n<meta name=\"description\" content=\"Explore the top data structures in JavaScript with simple explanation and example to enhance your knowledge in website designing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top Data Structures in JavaScript - ADMEC Multimedia Institute\" \/>\n<meta property=\"og:description\" content=\"Explore the top data structures in JavaScript with simple explanation and example to enhance your knowledge in website designing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"ADMEC Multimedia Institute\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/admecInstituteOfficial\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-27T16:18:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-30T11:48:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Anuradha Sengar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@admecinstitute\" \/>\n<meta name=\"twitter:site\" content=\"@admecinstitute\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anuradha Sengar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/\"},\"author\":{\"name\":\"Anuradha Sengar\",\"@id\":\"https:\/\/www.admecindia.co.in\/#\/schema\/person\/6527efa4803143e257d6aa881b5feef7\"},\"headline\":\"What are Top Data Structures in JavaScript and How to Implement them\",\"datePublished\":\"2025-06-27T16:18:59+00:00\",\"dateModified\":\"2025-06-30T11:48:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/\"},\"wordCount\":1249,\"publisher\":{\"@id\":\"https:\/\/www.admecindia.co.in\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1\",\"keywords\":[\"JavaScript\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/\",\"url\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/\",\"name\":\"Top Data Structures in JavaScript - ADMEC Multimedia Institute\",\"isPartOf\":{\"@id\":\"https:\/\/www.admecindia.co.in\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1\",\"datePublished\":\"2025-06-27T16:18:59+00:00\",\"dateModified\":\"2025-06-30T11:48:52+00:00\",\"description\":\"Explore the top data structures in JavaScript with simple explanation and example to enhance your knowledge in website designing.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1\",\"width\":1024,\"height\":768,\"caption\":\"data structure in javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.admecindia.co.in\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What are Top Data Structures in JavaScript and How to Implement them\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.admecindia.co.in\/#website\",\"url\":\"https:\/\/www.admecindia.co.in\/\",\"name\":\"ADMEC Multimedia Institute\",\"description\":\"Best Graphic Design, Web Design, UX Design, Animation Institute in Delhi\",\"publisher\":{\"@id\":\"https:\/\/www.admecindia.co.in\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.admecindia.co.in\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.admecindia.co.in\/#organization\",\"name\":\"ADMEC\",\"url\":\"https:\/\/www.admecindia.co.in\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.admecindia.co.in\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/11\/admec-new-logo.jpeg?fit=225%2C225&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/11\/admec-new-logo.jpeg?fit=225%2C225&ssl=1\",\"width\":225,\"height\":225,\"caption\":\"ADMEC\"},\"image\":{\"@id\":\"https:\/\/www.admecindia.co.in\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/admecInstituteOfficial\/\",\"https:\/\/x.com\/admecinstitute\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.admecindia.co.in\/#\/schema\/person\/6527efa4803143e257d6aa881b5feef7\",\"name\":\"Anuradha Sengar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.admecindia.co.in\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/be1c5bd7491d4f5bf3666543370ab2d6d16f5b1c483b3e2a0284f787e930719e?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/be1c5bd7491d4f5bf3666543370ab2d6d16f5b1c483b3e2a0284f787e930719e?s=96&r=g\",\"caption\":\"Anuradha Sengar\"},\"sameAs\":[\"https:\/\/www.cadtraininginstitute.com\"],\"url\":\"https:\/\/www.admecindia.co.in\/author\/anuradha_sengar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top Data Structures in JavaScript - ADMEC Multimedia Institute","description":"Explore the top data structures in JavaScript with simple explanation and example to enhance your knowledge in website designing.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Top Data Structures in JavaScript - ADMEC Multimedia Institute","og_description":"Explore the top data structures in JavaScript with simple explanation and example to enhance your knowledge in website designing.","og_url":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/","og_site_name":"ADMEC Multimedia Institute","article_publisher":"https:\/\/www.facebook.com\/admecInstituteOfficial\/","article_published_time":"2025-06-27T16:18:59+00:00","article_modified_time":"2025-06-30T11:48:52+00:00","og_image":[{"width":1024,"height":768,"url":"https:\/\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg","type":"image\/jpeg"}],"author":"Anuradha Sengar","twitter_card":"summary_large_image","twitter_creator":"@admecinstitute","twitter_site":"@admecinstitute","twitter_misc":{"Written by":"Anuradha Sengar","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#article","isPartOf":{"@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/"},"author":{"name":"Anuradha Sengar","@id":"https:\/\/www.admecindia.co.in\/#\/schema\/person\/6527efa4803143e257d6aa881b5feef7"},"headline":"What are Top Data Structures in JavaScript and How to Implement them","datePublished":"2025-06-27T16:18:59+00:00","dateModified":"2025-06-30T11:48:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/"},"wordCount":1249,"publisher":{"@id":"https:\/\/www.admecindia.co.in\/#organization"},"image":{"@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1","keywords":["JavaScript"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/","url":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/","name":"Top Data Structures in JavaScript - ADMEC Multimedia Institute","isPartOf":{"@id":"https:\/\/www.admecindia.co.in\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1","datePublished":"2025-06-27T16:18:59+00:00","dateModified":"2025-06-30T11:48:52+00:00","description":"Explore the top data structures in JavaScript with simple explanation and example to enhance your knowledge in website designing.","breadcrumb":{"@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#primaryimage","url":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1","width":1024,"height":768,"caption":"data structure in javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/www.admecindia.co.in\/web-design\/data-structure-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.admecindia.co.in\/"},{"@type":"ListItem","position":2,"name":"What are Top Data Structures in JavaScript and How to Implement them"}]},{"@type":"WebSite","@id":"https:\/\/www.admecindia.co.in\/#website","url":"https:\/\/www.admecindia.co.in\/","name":"ADMEC Multimedia Institute","description":"Best Graphic Design, Web Design, UX Design, Animation Institute in Delhi","publisher":{"@id":"https:\/\/www.admecindia.co.in\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.admecindia.co.in\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.admecindia.co.in\/#organization","name":"ADMEC","url":"https:\/\/www.admecindia.co.in\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.admecindia.co.in\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/11\/admec-new-logo.jpeg?fit=225%2C225&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/11\/admec-new-logo.jpeg?fit=225%2C225&ssl=1","width":225,"height":225,"caption":"ADMEC"},"image":{"@id":"https:\/\/www.admecindia.co.in\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/admecInstituteOfficial\/","https:\/\/x.com\/admecinstitute"]},{"@type":"Person","@id":"https:\/\/www.admecindia.co.in\/#\/schema\/person\/6527efa4803143e257d6aa881b5feef7","name":"Anuradha Sengar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.admecindia.co.in\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/be1c5bd7491d4f5bf3666543370ab2d6d16f5b1c483b3e2a0284f787e930719e?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/be1c5bd7491d4f5bf3666543370ab2d6d16f5b1c483b3e2a0284f787e930719e?s=96&r=g","caption":"Anuradha Sengar"},"sameAs":["https:\/\/www.cadtraininginstitute.com"],"url":"https:\/\/www.admecindia.co.in\/author\/anuradha_sengar\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/06\/image-2.jpg?fit=1024%2C768&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":107450,"url":"https:\/\/www.admecindia.co.in\/web-design\/web-design-vs-front-end-development\/","url_meta":{"origin":100378,"position":0},"title":"Web Design vs Front-End Development: What\u2019s the Real Difference?","author":"ADMEC Multimedia","date":"October 28, 2025","format":false,"excerpt":"You all will agree with me that having a website is important for every business or personal brand these days. But when we think about building one, we often come across two terms that seem very similar to us - web design and front-end development. There\u2019s always a bit of\u2026","rel":"","context":"In &quot;Web Design&quot;","block_context":{"text":"Web Design","link":"https:\/\/www.admecindia.co.in\/category\/web-design\/"},"img":{"alt_text":"Web Design vs Front End Development","src":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/10\/Web-Design-vs-Fron-End-Development.jpg?fit=800%2C533&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/10\/Web-Design-vs-Fron-End-Development.jpg?fit=800%2C533&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/10\/Web-Design-vs-Fron-End-Development.jpg?fit=800%2C533&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/10\/Web-Design-vs-Fron-End-Development.jpg?fit=800%2C533&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":80077,"url":"https:\/\/www.admecindia.co.in\/web-development\/connecting-node-with-react-step-by-step-guide-on-mern-setup-for-beginners\/","url_meta":{"origin":100378,"position":1},"title":"Connecting Node with React: Step by Step Guide on MERN Setup for Beginners","author":"ADMEC Multimedia","date":"October 10, 2024","format":false,"excerpt":"Learn in very simple steps connecting Node with React or ReactJS in this blog. While we use both web development languages then they form a stack known as the MERN stack. This blog is written by our MERN student for beginners and reviewed by senior Node and React faculty Mr.\u2026","rel":"","context":"In &quot;Web Development&quot;","block_context":{"text":"Web Development","link":"https:\/\/www.admecindia.co.in\/category\/web-development\/"},"img":{"alt_text":"Guide to Connect Node with Reactjs","src":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/10\/Connecting-Node-with-React-Step-by-Step-Guide-on-MERN-Setup-for-Beginners-Students.jpg?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/10\/Connecting-Node-with-React-Step-by-Step-Guide-on-MERN-Setup-for-Beginners-Students.jpg?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/10\/Connecting-Node-with-React-Step-by-Step-Guide-on-MERN-Setup-for-Beginners-Students.jpg?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/10\/Connecting-Node-with-React-Step-by-Step-Guide-on-MERN-Setup-for-Beginners-Students.jpg?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/10\/Connecting-Node-with-React-Step-by-Step-Guide-on-MERN-Setup-for-Beginners-Students.jpg?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":100658,"url":"https:\/\/www.admecindia.co.in\/web-development\/projects-to-create-during-your-web-development-course\/","url_meta":{"origin":100378,"position":2},"title":"Projects You\u2019ll Create During Your Web Development Course at ADMEC","author":"Anuradha Sengar","date":"August 1, 2025","format":false,"excerpt":"We are back, with a new blog, on \u201cProject You\u2019ll create during your web development courses\u201d. Hey, Readers,\u00a0 This is gonna be a helpful blog for everyone who is thinking of joining a web development course in Delhi, and is anxious to know what type of projects they will gonna\u2026","rel":"","context":"In &quot;Web Development&quot;","block_context":{"text":"Web Development","link":"https:\/\/www.admecindia.co.in\/category\/web-development\/"},"img":{"alt_text":"Projects You Create During Your Web Development Course at ADMEC","src":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/08\/Projects-You-Create-During-Your-Web-Development-Course-at-ADMEC.jpg?fit=800%2C600&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/08\/Projects-You-Create-During-Your-Web-Development-Course-at-ADMEC.jpg?fit=800%2C600&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/08\/Projects-You-Create-During-Your-Web-Development-Course-at-ADMEC.jpg?fit=800%2C600&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2025\/08\/Projects-You-Create-During-Your-Web-Development-Course-at-ADMEC.jpg?fit=800%2C600&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":365,"url":"https:\/\/www.admecindia.co.in\/web-design\/javascript-useful-language-developing-user-interfaces-websites-and-applications\/","url_meta":{"origin":100378,"position":3},"title":"JavaScript An Useful Language for Developing User Interfaces for Websites and Applications!","author":"ADMEC Multimedia Institute","date":"February 5, 2018","format":false,"excerpt":"It was quite simple to figure out UI in web development few years ago. Simply we created HTML page which was cross browser compatible with some effort and pages were generated on the server and sent to the different browser for rendering. To make it dynamic some of the more\u2026","rel":"","context":"In &quot;Web Design&quot;","block_context":{"text":"Web Design","link":"https:\/\/www.admecindia.co.in\/category\/web-design\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2018\/02\/admec-internal-JavaScript-An-Useful-Language-for-Developing-User-Interfaces-for-Websites-and-Applications.jpg?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2018\/02\/admec-internal-JavaScript-An-Useful-Language-for-Developing-User-Interfaces-for-Websites-and-Applications.jpg?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2018\/02\/admec-internal-JavaScript-An-Useful-Language-for-Developing-User-Interfaces-for-Websites-and-Applications.jpg?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2018\/02\/admec-internal-JavaScript-An-Useful-Language-for-Developing-User-Interfaces-for-Websites-and-Applications.jpg?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2018\/02\/admec-internal-JavaScript-An-Useful-Language-for-Developing-User-Interfaces-for-Websites-and-Applications.jpg?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":83963,"url":"https:\/\/www.admecindia.co.in\/web-design\/uses-of-javascript-and-its-popular-features-like-es6\/","url_meta":{"origin":100378,"position":4},"title":"Uses of JavaScript and its popular features like ES6","author":"ADMEC Multimedia Institute","date":"December 5, 2024","format":false,"excerpt":"JavaScript is a very popular language for web development. It was introduced by Brendan Eich in 1995, the first name of JavaScript was Mocha then it was called LiveScript. Firstly, I learned HTML and CSS then moved to JavaScript in my web design and development course at ADMEC. It is\u2026","rel":"","context":"In &quot;Web Design&quot;","block_context":{"text":"Web Design","link":"https:\/\/www.admecindia.co.in\/category\/web-design\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/12\/image-1.png?fit=1024%2C768&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/12\/image-1.png?fit=1024%2C768&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/12\/image-1.png?fit=1024%2C768&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2024\/12\/image-1.png?fit=1024%2C768&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":576,"url":"https:\/\/www.admecindia.co.in\/web-design\/learn-javascript-basics-5-minutes\/","url_meta":{"origin":100378,"position":5},"title":"Learn JavaScript Basics in 5 Minutes","author":"ADMEC Multimedia Institute","date":"July 12, 2019","format":false,"excerpt":"Web Development has been taken away like a storm with arise of JavaScript. Almost all the websites that exist consume the power of this scripting language in some way or the other. JavaScript is everywhere, be it websites or native applications. It is one of the renowned languages in the\u2026","rel":"","context":"In &quot;Web Design&quot;","block_context":{"text":"Web Design","link":"https:\/\/www.admecindia.co.in\/category\/web-design\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2019\/07\/admec-interior-js-basics_0-1.jpg?fit=1200%2C668&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2019\/07\/admec-interior-js-basics_0-1.jpg?fit=1200%2C668&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2019\/07\/admec-interior-js-basics_0-1.jpg?fit=1200%2C668&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2019\/07\/admec-interior-js-basics_0-1.jpg?fit=1200%2C668&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.admecindia.co.in\/wp-content\/uploads\/2019\/07\/admec-interior-js-basics_0-1.jpg?fit=1200%2C668&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/posts\/100378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/comments?post=100378"}],"version-history":[{"count":0,"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/posts\/100378\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/media\/100403"}],"wp:attachment":[{"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/media?parent=100378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/categories?post=100378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.admecindia.co.in\/wp-json\/wp\/v2\/tags?post=100378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}