在jQuery的queryString中删除相同的值

Question

我如何在jQuery中搜索ID时删除相同的值queryString， ID在textarea中传递，并且在搜索时调用API。 当搜索相似的IDs它会显示两个相似的项目，因此，如果我可以删除相同的queryString值，它将阻止它获取相似的项目。

QueryString看起来像此Product?id=1&id=1然后将该项目呈现两次。

从textarea获取值

var getVal = $('textarea.input_' + inputSearch.name).val();
if (getVal != null && (getVal != "")) {
   let inputValues = getVal
      .split("\n") // allows multiple search using new line
      .filter(function (str) { return str !== "" })
      .join("&" + inputSearch.name + "=");
      // then add it to the overall query string for all searches
      query = query + inputSearch.name + "=" + inputValues + "&";
}

Answer 1

可以在加入之前扩展对array.prototype.filter()以实现唯一性：

var getVal = $('textarea.input_' + inputSearch.name).val();
if (getVal != null && (getVal != "")) {
   let inputValues = getVal
      .split("\n") // allows multiple search using new line
      .filter(function (elem, index, self) {
        return elem !== "" && index == self.indexOf(elem)
       })
      .join("&" + inputSearch.name + "=");

  // then add it to the overall query string for all searches
  query = query + inputSearch.name + "=" + inputValues + "&";
}

Answer 2

而不是串联一些值，您可以在javascript中使用诸如map collection之类的东西

• map是一种数据结构，每个键都与特定值匹配，并且如果两次针对特定键，则将任何值设置为先前值始终将被覆盖

js中地图收集实现的示例，请查看以下链接

http://www.collectionsjs.com/map

Answer 3

这个怎么样 ？ 它使用一些新的数据结构，并且不完全兼容。 但是有效

var query='';
var parameters = new Set();
var getVal = "1\n2\n3";
if (getVal != null && (getVal != "")) {
   getVal.split("\n")
      .filter(function (str) { return str !== "" })
      .map(function(str) {parameters.add(str)});
   let query = new URLSearchParams();
   for(let q of params) {
       query.append(inputSearch.name,q);
   }
   query.toString();
}