javascript remove duplicates from array - Web Development and Online Earning

Breaking

Web Development and Online Earning

Learn Web Development ,PHP MySQL,Codeigniter,AJAX,HTML CSS,Javascript,Jquery,Web Hosting,Online Earning,SEO,Link Building,Online Banking and More

test banner

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Wednesday, May 31, 2017

javascript remove duplicates from array

Remove Duplicate Value or Words from array Using JavaScript

javascript remove duplicates from array
javascript remove duplicates from array

In This lesson we will Learn How to Remove Duplicate Value or Words from array Using JavaScript.
You can Remove any Duplicate Value form a from using This Method.
Files and Directory Structure:
create 3 files named are given Below.
1.index.html
2.script.js
3.style.css
javascript remove duplicates from array
javascript remove duplicates from array

Now Copy The below Codes for Certain File.
index.html
<html>
<head>
<title>Remove Repeted Value from Array-JavaScript</title>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div class="form">
<h1>Remove Repeted Value from Array-JavaScript</h1>
<form name ="txtchk">
<input type="text" title="Please Enter Some Dulicate Text with value" name="mytextarea" size="30" placeholder="Ex:anjan anjan you you"/><br/>
<input type="button" value="Remove Duplicates" onclick="delrepeat(mytextarea)" />
</form> 
</div>
</body>
</html>

script.js
function delrepeat(mytextarea)
{
var temp=document.txtchk.mytextarea.value;
var array2 = temp.split(" ") ;
var array1= new Array;
for(var i = 0; i < array2.length; i++)
{
var xx = true;
var ArrayVal = array2[i];
for(var j = i+1; j < array2.length; j++)
{
if(array2[j] == ArrayVal)
xx = false;
}if(xx == true)
array1.push(ArrayVal)
}
document.txtchk.mytextarea.value=array1;
}

style.css
body{
background:lightgreen;
}
.form{
 width:50%;
 background:#666699;
 height:20%;
 float:top;
 color:white;
}
input[type=text]{
 padding:8px;
 width:60%;
 border: 1px solid #666699;
 border-radius:4px;
}

input[type=text]:focus{
 border:2px solid green;
}
input[type=button]{
 padding:5px;
 border-radius: 5px;
 background: #666633;
 color:white;
}

You have Successfully Created JavaScript Duplicate or Repeated Value Remover Script.
Now run index.html file to get Result.
Thank you for Visit.

No comments:

Post a Comment

Thank You for Your Comment

Post Top Ad

Responsive Ads Here