On my webpage, there is an input with a value that looks like this: 1,7,1,4,22,58,58,1,1,4,7
<input type="text" name="hello" id="thankyouforhelping" value="" aria-invalid="false">
I have attempted multiple methods to remove the duplicate numbers from it but none of them have been successful. I tried searching for solutions on jQuery function to get all unique elements from an array? and jQuery function to get all unique elements from an array?
This is how I retrieve the value:
/* Getting latest value to eliminate duplicates */
$upToDateValue = $('.wdrow-'+$projectrow+' .tasks-created input').val();
The values are always numerical and comma-separated. How can I remove the duplicate numbers and also sort them from lowest to highest?
Ultimately, I want the result to be 1,4,7,22,58
/* Eliminating duplicates */
$newValue = ???;
PS: Most of the answers I found were in JavaScript but my code is written in jQuery, making it difficult for me to adapt those solutions. Apologies for the similarity of this question to others already posted. Questions similar to mine: Get all unique values in a JavaScript array (remove duplicates) I am unsure how to apply the accepted answers to my code.
Thank you everyone for your assistance!
##Heretic_Monkey provided a lot of help and the following is the outcome:
$upToDateValue = $('.wdrow-'+$projectrow+' .tasks-created input').val();
/* Removing duplicates */
var values = $upToDateValue.split(',');
values = [...new Set(values)];
values.sort();
$newValue = values.join(',');
/* Updating input with new value */
$('.wdrow-'+$projectrow+' .tasks-created input').val($newValue);