JS
jQuery

How To Remove Last Element From Array In JQuery?

Today, jquery array remove last element is our main topic. this example will help you how to remove last element from array in jquery. This article will give you simple example of remove last element from array jquery. step by step explain jquery array remove last element. you will do the following things for remove last element from array jquery.

  • 4.5/5.0
  • Last updated 08 September, 2022
  • By Admin

You can see both example of how to remove last key in jquery array.

let's see example.

You can see both example with output so, you can understand, how it works.

Example 1: Remove Last Element from Jquery Array
  1. <span class="dec">&lt;!DOCTYPE html&gt;</span>
  2. <span class="tag">&lt;html&gt;</span>
  3. <span class="tag">&lt;head&gt;</span>
  4. <span class="pln"> </span><span class="tag">&lt;title&gt;</span><span class="pln">How to Remove Last Element in Jquery Array? - codewale.com</span><span class="tag">&lt;/title&gt;</span>
  5. <span class="pln"> </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"https://code.jquery.com/jquery-1.12.4.js"</span><span class="tag">&gt;&lt;/script&gt;</span>
  6. <span class="tag">&lt;/head&gt;</span>
  7. <span class="tag">&lt;body&gt;</span>
  8. <span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">&gt;</span>
  9. <span class="pln"> </span><span class="kwd">var</span><span class="pln"> sites </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="pln"> </span><span class="str">"codewale.com"</span><span class="pun">,</span><span class="pln"> </span><span class="str">"flipkart.com"</span><span class="pun">,</span><span class="pln"> </span><span class="str">"amazon.com"</span><span class="pln"> </span><span class="pun">];</span>
  10. <span class="pln"> sites</span><span class="pun">.</span><span class="pln">pop</span><span class="pun">();</span>
  11. <span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">sites</span><span class="pun">);</span>
  12. <span class="tag">&lt;/script&gt;</span>
  13. <span class="tag">&lt;/body&gt;</span>
  14. <span class="tag">&lt;/html&gt;</span>
Output
  1. <span class="pun">[</span><span class="str">"codewale.com"</span><span class="pun">,</span><span class="pln"> </span><span class="str">"flipkart.com"</span><span class="pun">]</span>

Now we are ready to run our application, so let's run using bellow command:

  1. <span class="pln">npm start</span>

Open bellow url:

  1. <span class="pln">http</span><span class="pun">:</span><span class="com">//localhost:3000</span>

I hope it can help you...