JavaScript array replace element

In the JavaScript array there is not any in-built replace() methods for replacing elements but we can implement replace() method by using the in-built splice() method. We have already discussed the splice() method in our JavaScript array tutorial.

JavaScript array replace element

In the JavaScript array there is not any in-built replace() methods for replacing elements but we can implement replace() method by using the in-built splice() method. We have already discussed the splice() method in our JavaScript array tutorial.

JavaScript array replace element

JavaScript array replace element

     

In the JavaScript array there is not any in-built replace() methods for replacing elements but we can implement replace() method by using the in-built splice() method. We have already discussed the splice() method in our JavaScript array tutorial. For implementation of replace() method we have created a replace() method which takes three arguments as given below:

  • arrayName: Array Object at which replacement is to be done. 
  • repalceTo: array element to which we have to replace in the array 
  • replaceWith: array element against which replacement is to be done

 

 

 

function replace(arrayName,replaceTo, replaceWith)
{
  for(var i=0; i<arrayName.length;i++ )
  {  
  if(arrayName[i]==replaceTo)
  arrayName.splice(i,1,replaceWith);  
  }  
}

Above code is the function defined for implementing replace() method. 

replace(arr,"Suman","Vineet"); Here we have passed "Vineet" to be replaced by the array element "Suman".

Full code of javascript_array_replace.html is as follows:

<html>
  <head>
  <title>
 JavaScript array replace
  </title>
 <script type="text/javascript">
 var arr = new Array(5);
  arr[0]="Sandeep";
  arr[1]="Suman";
  arr[2]="Saurabh";
  arr[3]="Vinod";
  arr[4]="Amar";

function replace(arrayName,replaceTo, replaceWith)
{
  for(var i=0; i<arrayName.length;i++ )
  {  
  if(arrayName[i]==replaceTo)
  arrayName.splice(i,1,replaceWith);  
  }  
}
  document.write("<b>Before Replacement</b>=>"+arr+"<br>");
 replace(arr,"Suman","Vineet");
  document.write("<b>After Replacement</b>=>"+arr+"<br> ");
</script>
</head>
<body bgcolor="#ffffdd">
  <h2>
  <font color="blue">
  Example of implementing replace()<br>
  method on JavaScript Array
  </font>
  </h2>
</body>
</html>

Output of the example is as follows:

Download Sample Source Code