从jQuery中的输入文本值中删除重复的逗号分隔数字

Question

我在网页上有一个输入，其值类似于 1,7,1,4,22,58,58,1,1,4,7

<input type="text" name="hello" id="thankyouforhelping" value="" aria-invalid="false">

我尝试了多种方法来从中删除重复项，但没有一种方法有效。 我试过了：jQuery function to get all unique elements from an array? 和 jQuery function to get all unique elements from an array?

我得到这样的值：

/* Grabbing up to date value to remove duplicates */
$upToDateValue = $('.wdrow-'+$projectrow+' .tasks-created input').val();

该值将始终是逗号分隔的数字，但如何删除所有重复的数字。如果你愿意，我怎么能把它从低到高排序？

这样最终的结果就是1,4,7,22,58

/* Removing duplicates */
$newValue = ???;

PS：我看到很多关于以前提出的问题的答案都是 javascript，但我的代码是 jQuery，我在将这些答案调整到我的 jQuery 代码方面遇到了很多困难。所以我很抱歉这个问题与其他已经可用的问题密切相关。像这样的问题：Get all unique values in a JavaScript array (remove duplicates) 我不知道如何使接受的答案适应我的代码。

感谢大家的帮助！

##Heretic_Monkey 帮了我很多忙，结果如下：

$upToDateValue = $('.wdrow-'+$projectrow+' .tasks-created input').val();
/* Removing duplicates */
var values = $upToDateValue.split(','); values = [...new Set(values)]; values.sort(); $newValue = values.join(',');
/* Setting new value to input */
$('.wdrow-'+$projectrow+' .tasks-created input').val($newValue);

Answer 1

结合来自How to convert a comma separated string to an array?、Easy way to turn JavaScript array into comma-separated list? 和Get all unique values in a JavaScript array (remove duplicates) 的答案，这是执行任务的一种方式：

// Get the value
var $upToDateValue = $('.wdrow-'+$projectrow+' .tasks-created input').val();
// Split into an array
var values = $upToDateValue.split(','); 
// Remove the duplicates and make a new array
values = [...new Set(values)]; 
// Sort the new array
values.sort(); 
// Create a new comma-delimited string from the array
var $newValue = values.join(',');
// Set the new value to input
$('.wdrow-'+$projectrow+' .tasks-created input').val($newValue);

所用代码参考：

• split
• Set
• ... aka "spread syntax"
• sort
• join

Answer 2

我更新了代码，你可以复制函数并粘贴到你的代码中。

然后使用$newValue = unique(values)在您的代码中调用它

试试这个代码：

function unique (value) {

  const valueList = value.split(",")
  const unique = valueList.filter((item, index, valueList) => {
    return index === valueList.indexOf(item);
  });
  const sorted = unique.sort(function(a, b) { return a - b; });
  
  return sorted.join(',')
}


/* you can use it this way */
const value = "1,7,1,4,22,58,58,1,1,4,7"
$newValue = unique(value)

/* printing */
console.log($newValue)