Description: Eliminates duplicate items/elements in an array using jQuery/Javascript.
Code:
<html>
<head>
<script src="http://wcetdesigns.com/assets/javascript/jquery.js"></script>
<script>
$
(function
(){
var x
= ['w',
'w',
'w',
'w',
'r',
'e',
'r',
'f',
'r'];
var s
= '';
//BLANK VARIABLE UNTIL AFTER 2ND "FOR LOOP"
//RUNS THRU EACH ELEMENT
for(i
=0; i
<x.length; i
++){
//EACH ELEMENT CHECK ALL OTHER ELEMENS FOR DUPLICATES
for(e
=0; e
<x.length; e
++){
if(e
!=i){
//ELEMENTS WITH THE SAME INDECES DON'T COMPARE, ONLY DUPLICATES
if(x
[e
]==x
[i
]){
//IF VALUES OF THESE ELEMENTS ARE THE SAME
x.splice(e, 1); //DELETES ALL DUPLICATES
i--; //SHIFTS THE REST OF THE ARRAY AFTER ELIMINATE
}
}
}
}
for(i
=0; i
<x.length; i
++){
s += x[i]+' '; //SHOWS THE ARRAY WITHOUT DUPLICATES
}
$
("#array").html
(s
);
//SHOWS THE ARRAY IN HTML
}
);
</script>
</head>
<body>
<span id="array"></span>
</body>
</html>
0 
1Views: 576 Downloads: 4
 Tutorial%20by%20W.C.E.T.%20Designs "Pin It")
