LRU demo code update

Author: yusufshakeel

index.html

@@ -97,6 +97,7 @@ <h3 class="text-center">Content</h3>
                 <li><a href="#object-methods">Object Methods</a></li>
                 <li><a href="#stack-methods">Stack Methods</a></li>
                 <li><a href="#queue-methods">Queue Methods</a></li>
+                <li><a href="#lru-methods">LRU Methods</a></li>
             </ul>
 
             <hr>
@@ -952,7 +953,7 @@ <h4><code>stackInit(key)</code></h4>
             <h4><code>stackExists(key)</code></h4>
 
             <p>This will check if the stack referred by <code>key</code>
-               exists in the cache.</p>
+                exists in the cache.</p>
 
             <p>Return <code>true</code> if stack exists. Otherwise, <code>false</code>.</p>
 
@@ -1426,6 +1427,105 @@ <h4><code>queueDelete(key)</code></h4>
 
             <hr>
 
+            <a name="lru-methods"></a>
+            <h4 class="text-center"><a href="#lru-methods">LRU Methods</a></h4>
+
+            <p class="text-center">LRU - Least Recently Used</p>
+
+            <br>
+
+            <!-- LRUInit() -->
+            <a name="LRUInit"></a>
+            <h4><code>LRUInit(name, size)</code></h4>
+
+            <p>This will create a new object for the LRU in the cache by the name <code>name</code>
+                having the given <code>size</code>.</p>
+
+            <p>If object referred by <code>name</code> exists in the cache then it will be overwritten.</p>
+
+            <p>If <code>size</code> is not set then LRU object of queue size 3 is created.</p>
+
+            <pre><code>obj.LRUInit('myLRU', 3);    // creates a new LRU object myLRU</code></pre>
+
+            <div>
+                <a class="btn btn-primary"
+                   role="button"
+                   data-toggle="collapse"
+                   href="#collapse-LRUInit"
+                   aria-expanded="false"
+                   aria-controls="collapse-LRUInit">Output</a>
+            </div>
+            <div class="collapse" id="collapse-LRUInit">
+            </div>
+
+            <!-- LRUInit() ends here -->
+
+            <hr>
+
+            <!-- LRUSet() -->
+            <a name="LRUSet"></a>
+            <h4><code>LRUSet(name, key, value)</code></h4>
+
+            <p>This will set <code>key</code>-<code>value</code> pair in the LRU object referred
+                by <code>name</code> in the cache.</p>
+
+            <p><code>key</code> can be a string or number.</p>
+
+            <p><code>value</code> can be a number, string, array or object.</p>
+
+            <p>Returns <code>true</code> on success</p>
+
+            <p>Returns <code>false</code> if LRU object does not exists in the cache.</p>
+
+            <pre><code>obj.LRUSet('myLRU', "k1", 10);    // k1: 10
+obj.LRUSet('myLRU', "k2", 20);    // k2: 20
+obj.LRUSet('myLRU', "k3", 30);    // k3: 30</code></pre>
+
+            <div>
+                <a class="btn btn-primary"
+                   role="button"
+                   data-toggle="collapse"
+                   href="#collapse-LRUSet"
+                   aria-expanded="false"
+                   aria-controls="collapse-LRUSet">Output</a>
+            </div>
+            <div class="collapse" id="collapse-LRUSet">
+            </div>
+
+            <!-- LRUSet() ends here -->
+
+            <hr>
+
+            <!-- LRUGet() -->
+            <a name="LRUGet"></a>
+            <h4><code>LRUGet(name, key)</code></h4>
+
+            <p>This will fetch key-value pair for the given <code>key</code> from the LRU object
+                referred by <code>name</code> in the cache.</p>
+
+            <p>Returns <code>{ key: value }</code> on success.</p>
+
+            <p>Returns <code>{}</code> if <code>key</code> is not found in the LRU object.</p>
+
+            <p>Returns <code>false</code> if the LRU object does not exists in the cache.</p>
+
+            <pre><code>obj.LRUGet('myLRU', "k1");</code></pre>
+
+            <div>
+                <a class="btn btn-primary"
+                   role="button"
+                   data-toggle="collapse"
+                   href="#collapse-LRUGet"
+                   aria-expanded="false"
+                   aria-controls="collapse-LRUGet">Output</a>
+            </div>
+            <div class="collapse" id="collapse-LRUGet">
+            </div>
+
+            <!-- LRUGet() ends here -->
+
+            <hr>
+
 
         </div>
 

src/js/index-page-example.js

@@ -99,7 +99,7 @@ obj.purge();
 output("After purge", 'collapse-purge');
 outputJSON(obj, 'collapse-purge');
 
-// arrInit();
+// arrInit()
 output("Initialise an <code>users</code> key in the cache which is an array.", 'collapse-arrInit');
 obj.arrInit('users');
 output("Content of the cache.", 'collapse-arrInit');
@@ -201,8 +201,6 @@ outputJSON(obj.arrGet('users'), 'collapse-arrDeleteElems');
 
 // purge()
 obj.purge();
-output("Content of the cache after purge.", 'collapse-oInit');
-outputJSON(obj, 'collapse-oInit');
 
 // oInit();
 output("This will create a new object referred by <code>players</code> in the cache.", 'collapse-oInit');
@@ -255,8 +253,6 @@ outputJSON(obj.oGetAll('players'), 'collapse-oDel');
 
 // purge()
 obj.purge();
-output("Content of the cache after purge.", 'collapse-stackInit');
-outputJSON(obj, 'collapse-stackInit');
 
 // stackInit();
 output("Initialise stack referred by key <code>myStack</code> in the cache.", 'collapse-stackInit');
@@ -314,8 +310,6 @@ outputJSON(obj, 'collapse-stackDelete');
 
 // purge()
 obj.purge();
-output("Content of the cache after purge.", 'collapse-queueInit');
-outputJSON(obj, 'collapse-queueInit');
 
 // queueInit();
 output("Initialise queue referred by key <code>myQueue</code> in the cache.", 'collapse-queueInit');
@@ -375,4 +369,30 @@ outputJSON(obj, 'collapse-queuePurge');
 output("This will delete the queue referred by key <code>myQueue</code> in the cache.", 'collapse-queueDelete');
 outputJSON(obj.queueDelete('myQueue'), 'collapse-queueDelete');
 output("Content of the cache.", 'collapse-queueDelete');
-outputJSON(obj, 'collapse-queueDelete');
+outputJSON(obj, 'collapse-queueDelete');
+
+// purge()
+obj.purge();
+
+// LRUInit();
+output("This will create a new object for LRU referred by <code>myLRU</code> of size 3 in the cache.", 'collapse-LRUInit');
+obj.LRUInit('myLRU');
+output("Content of the cache.", 'collapse-LRUInit');
+outputJSON(obj, 'collapse-LRUInit');
+
+// LRUSet();
+output("This will set 3 key-value pairs in the LRU object referred by <code>myLRU</code> in the cache.", 'collapse-LRUSet');
+obj.LRUSet("myLRU", "k1", 10);
+obj.LRUSet("myLRU", "k2", 20);
+obj.LRUSet("myLRU", "k3", 30);
+output("Content of the cache.", 'collapse-LRUSet');
+outputJSON(obj, 'collapse-LRUSet');
+
+// LRUGet();
+output("Content of the cache before <code>LRUGet</code> operation.", 'collapse-LRUGet');
+outputJSON(obj, 'collapse-LRUGet');
+output("Fetching 'k1'", 'collapse-LRUGet');
+outputJSON(obj.LRUGet("myLRU", "k1"), 'collapse-LRUGet');
+output("Content of the cache after <code>LRUGet</code> operation.", 'collapse-LRUGet');
+outputJSON(obj, 'collapse-LRUGet');
+output("Note! 'k1' is moved from last index to 0th index in the queue after <code>LRUGet</code> operation.", 'collapse-LRUGet');