从逗号分隔列表中删除重复项

Question

我使用map-function从几个li元素的rel属性中生成一个逗号分隔的列表。

poiSelectedList = $('#poiList li li.selected').map(function() { return $(this).attr('rel'); }).get().join(',');

如何确保我的列表中没有重复项？

Answer 1

您可以像这样创建一个缓存：

var cache = [];
poiSelectedList = $('#poiList li li.selected').map(function() {
    var rel = $(this).attr('rel');
    if(cache.indexOf(rel) === -1) {
        cache.push(rel);
        return rel;
    } else {
        return undefined;
    }
}).filter(function(a, b) {
   return b !== undefined;
}).get().join(',');

或者，就像patrick dw建议的那样，一个更简洁的版本：

var cache = [];
$('#poiList li li.selected').each(function() {
    var rel = $(this).attr('rel');
    if(!$.inArray(rel, cache)) {
        cache.push(rel);
    }
});
var poiSelectedList = cache.join(); // defaults to ,

Answer 2

你可以这样做：

var duplicates = {};

poiSelectedList = $('#poiList li li.selected').map(function() { 
     var rel = $(this).attr('rel'); 
     if (duplicates[rel] !== true){
         duplicates[rel] = true;
        return rel;
   }
}).get().join(',');

Answer 3

虽然这既不短也不好看，但它应该是一种快速的方法。

var poiSelectedList='';
var tmp;
$('#poiList li li.selected').each(function() { tmp[$(this).attr('rel')]=1; });
var comma=0;
for(var i in tmp) if (tmp.hasOwnProperty(i)){
if(comma){poiSelectedList+=','}else{comma=1}
poiSelectedList+=i;
}