javascript - 如何从 Javascript 中的动态选择中删除重复值？

Question

试图在没有这种运气的情况下解决这个问题。基本上，我们使用从中检索它的服务中的值填充一个选择。但是选择中有重复项。这是执行此操作的代码。我想从“theProduct.name”中返回的内容中删除重复项。我知道之前有人问过这个问题，但我想不通。所附图像是选择它发生的地方。谢谢

 function populateSearchProducts(data) {

    var theData = data.data.results;
     $field.empty().append('<option value="">&nbsp;</option>');

    for (var p in theData) {
      var theProduct = theData[p];
      $field.append('<option value="'+theProduct.id+'">'+theProduct.name+'</option>');
    }
 }

Answer 1

尝试使用过滤器从输入数据中删除重复项:

function populateSearchProducts(data) {

    var theData = data.data.results.filter(function(item, pos, self) {
        return self.indexOf(item) == pos;
    });

    $field.empty().append('<option value="">&nbsp;</option>');

    for (var p in theData) {
      var theProduct = theData[p];
      $field.append('<option value="'+theProduct.id+'">'+theProduct.name+'</option>');
    }
}