jQuery：删除文本区域上的重复字符串

Question

我正在处理一个表单，我需要使所有字符串都唯一。

代码工作正常，但问题是当我在新行中重复时，代码不起作用。

希望你能理解我。

谢谢。

CODEPEN

$(document).ready(function(){
  $('button').click(function(){
  var data = $('textarea').val();
	var arr =  $.unique(data.split(' '));
	    data = arr.join(' ');
	$('textarea').val(data);
  });
});

div{
  padding: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <textarea name="" id="" cols="30" rows="10"></textarea>
<br>
<button>Remove Duplicates</button>
</div>

Answer 1

https://api.jquery.com/jQuery.unique/

请注意，这仅适用于 DOM 元素数组，不适用于字符串或数字。

你可以在没有库的情况下使用.filter轻松做到这一点：

$(document).ready(function(){
  $('button').click(function(){
    var data = $('textarea').val();
    var result = data.split(/\s/g).filter((word, i, arr) => arr.indexOf(word) === i);
    $('textarea').val(result.join(' '));
  });
});

div{
  padding: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <textarea name="" id="" cols="30" rows="10"></textarea>
<br>
<button>Remove Duplicates</button>
</div>