How to remove specific element from an array in JavaScript
×

How to remove specific element from an array in JavaScript

2293

You can easily remove the specific item (index) in JavaScript using the loop, and Array splice() Method. Array splice() method allows removing the item from an array at a specific index in JavaScript.

This method can be useful when you want to add/remove more than one element for a JavaScript Array.

Syntax:

array.splice(index, howmany, item1, ....., itemX)

Array splice() method  requires 3 parameters.

  • index: It is Required. It knows about specifies the position to remove/add (start splicing the array) the elements in the current JavaScript Array.
  • howmany: It is an optional. It tells about how many specifies elements to be removed (deleteCount).
  • item: It is Optional. It tells about how many specifies new elements to be added.

Program:

<!DOCTYPE html>
<html>
<head>
 <title>
 How to Remove specific index in JavaScript?
</title>
</head>
<body>
  <h1>Remove an element from an array in JavaScript</h1>
  <p>The original array is: HTML, CSS, JavaScript, Jquery, PHP, MySQL</p>
  <p>Click the button to remove 3rd element from the array.</p>
  <p>The new array looks like this:<strong> <span id="display"></span> </strong></p>
    <br/>
  <button onclick="remove_ele()">Try it</button>
 <script type="text/javascript">
 var WebLang = ["HTML", "CSS", "JavaScript", "Jquery", "PHP", "MySQL" ];
   document.getElementById("display").innerHTML = WebLang;
   function remove_ele() {
   WebLang.splice(2, 1);
   document.getElementById("display").innerHTML = WebLang;
   }
 </script>
</body>
</html>


Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments