[an error occurred while processing this directive]

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

                         

[an error occurred while processing this directive]