JavaScript 中怎么用 Map 的 set 方法实现动态属性去重-js教程-PHP中文网

map 通过键的唯一性天然支持去重，可将待去重值作为 key、任意值作为 value；适用于字符串字段、多字段组合及非基础类型去重，时间复杂度 o(n)，优于 filter+indexof 的 o(n²)。

javascript 中怎么用 map 的 set 方法实现动态属性去重

Map 的 set 方法本身不直接“去重”，但它天然支持键的唯一性，因此可以用作动态属性（如对象字段、字符串标识、Symbol 等）的去重容器——关键在于把待去重的“属性值”作为 Map 的 key，而 value 可以是任意内容（比如原始值、对象引用，或仅作占位用的 true）。

用字符串属性名做 key 实现字段级去重

当你有一组对象，想根据某个字段（如 id 或 name）过滤重复项时，可用该字段值作为 Map 的 key：

const list = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 1, name: "Alice (dup)" },
  { id: 3, name: "Charlie" }
];

const uniqueMap = new Map();
list.forEach(item => {
  uniqueMap.set(item.id, item); // 相同 id 会被自动覆盖，只保留最后出现的
});

const uniqueList = Array.from(uniqueMap.values());
// → [{ id: 2, name: "Bob" }, { id: 1, name: "Alice (dup)" }, { id: 3, name: "Charlie" }]

✅ 优势：简洁、O(1) 插入/查重；✅ 注意：默认保留最后出现的项；若需保留首次出现的，可先检查 has() 再 set：

if (!uniqueMap.has(item.id)) uniqueMap.set(item.id, item);

用对象或 Symbol 作 key 实现复杂属性组合去重

当去重依据是多个字段（如 {type, category}），可将组合生成唯一 key：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

简单场景：拼接字符串 `${item.type}-${item.category}`
健壮场景：用 JSON.stringify({ type, category })（注意顺序和不可序列化值）
高级场景：用 Symbol.for() 或 WeakMap（若 key 是对象且需弱引用）

示例（字符串组合）：

const items = [
  { type: "user", category: "admin" },
  { type: "post", category: "draft" },
  { type: "user", category: "admin" }, // 重复
];

const keyMap = new Map();
items.forEach(item => {
  const key = `${item.type}|${item.category}`;
  if (!keyMap.has(key)) {
    keyMap.set(key, item);
  }
});

用 Map 替代 Set 处理非基础类型去重

Set 对对象、数组等引用类型无法真正去重（因为 {a:1} !== {a:1}）。Map 可借助序列化或自定义 key 逻辑解决：

对每个对象计算稳定哈希（如简易 JSON 字符串化 + 去空格）作为 key
或用 Map 存储已见的序列化结果，避免重复处理

例如（轻量去重对象数组）：

function uniqueByKeys(arr, keys) {
  const seen = new Map();
  return arr.filter(item => {
    const key = keys.map(k => item[k]).join('|');
    if (seen.has(key)) return false;
    seen.set(key, true);
    return true;
  });
}

uniqueByKeys(list, ['id', 'name']); // 按多字段联合去重