如何在jQuery autocomplete中去除XML来源的重复记录？

我来帮你解决这个问题！核心思路是在把数据传给Autocomplete组件之前，先对从XML提取的字段做去重处理，这样就能确保下拉列表里只显示每条记录的唯一实例。下面是具体的实现步骤和代码示例：

1. 解析XML并提取目标字段 #

首先，假设你已经通过jQuery获取到了XML数据，先把需要的字段提取到一个数组里：

// 假设你已经获取到了XML对象，比如通过$.get()请求
const xmlData = ...; // 你的XML数据对象
let rawOptions = [];

// 遍历XML节点，提取目标字段（这里示例提取<name>标签的内容）
$(xmlData).find('item').each(function() {
  const itemText = $(this).find('name').text().trim();
  rawOptions.push(itemText);
});

2. 对数组进行去重处理 #

接下来用两种常用方式给数组去重，你可以根据项目环境选择：

方法一：利用Set（ES6+，简洁高效）

如果你的项目支持ES6及以上语法，这种方式最省心：

// 利用Set自动去重特性，再转回数组
const uniqueOptions = [...new Set(rawOptions)];

方法二：传统循环判断（兼容旧浏览器）

要是需要兼容不支持ES6的旧环境，就用这种传统方式：

const uniqueOptions = [];
$.each(rawOptions, function(index, value) {
  // 检查当前值是否已在去重数组中，不存在就添加
  if ($.inArray(value, uniqueOptions) === -1) {
    uniqueOptions.push(value);
  }
});

3. 初始化jQuery Autocomplete #

最后把去重后的干净数组传给Autocomplete组件即可：

$('#your-input-selector').autocomplete({
  source: uniqueOptions,
  // 可根据需求添加其他配置，比如触发搜索的最小输入长度
  minLength: 1
});

额外提示：处理大小写差异的重复项 #

如果你的数据里存在类似"Apple"和"apple"这种大小写不同但实际是同一内容的情况，可以在提取字段时统一转为小写（或大写），再进行去重，示例如下：

// 提取时统一转小写
const itemText = $(this).find('name').text().trim().toLowerCase();
// 若需要保留原大小写显示，可以用对象存储唯一键和原文本，这里就不展开啦

这样处理后，Autocomplete的下拉列表里就只会显示每条记录的唯一实例啦！

内容的提问来源于stack exchange，提问作者Ashley Hunt