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.

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

JavaScript array replace element

JavaScript array replace element

JavaScript array replace element

Tutorials