如何从此唯一的字符分隔字符串中删除重复项？ [复制]

Question

我正在从表格行中收集一个文本框值。文本框的值是变化的。我正在尝试从字符串中删除重复项。我正在查看 this 接受的答案，但重复项仍然存在。

var memo    = "";
$("#f_sendToPic").find('#t_obj input[class=no_memo]').each(function(index, result) {
   memo +=$(this).val();
   memo += "@";
});

var val_memo = $.unique(memo.split('@'));
var arr_memo = val_memo.join('|||');

alert(memo);
alert(arr_memo);

如果可能的话，我更喜欢浏览器友好的方法而不是性能。

Answer 1

使用属性名称设置为值的对象，重复项将被自动过滤掉。然后使用Object.keys() 获取数组中的属性名称，并使用.join() 数组获取值由"@" 分隔的字符串。

var working = {};
$("#f_sendToPic").find('#t_obj input[class=no_memo]').each(function() {
  working[this.value] = true;
});

var memo = Object.keys(working).join("@");

console.log(memo);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="f_sendToPic"><div id="t_obj">
  <input class="no_memo" value="abc">
  <input class="no_memo" value="def">
  <input class="no_memo" value="abc">
  <input class="no_memo" value="def">
  <input class="no_memo" value="ghi">
</div></div>

顺便说一句，请注意this.value 比$(this).val(); 更易于阅读、更易于键入并且执行效率更高。