JavaScript 中判断一个对象中是否存在相同的 `value`

bigyoung2025-02-28 18:37

判断对象是否存在相同值，可以直接使用lodash uniq，可以自己实现。例如，使用Object.values和Set去重比较长度，或通过for...in循环记录值。若值为复杂类型，可用JSON.stringify转换后检查。还可用Map、reduce简化操作。递归方法适用于嵌套对象，而WeakMap可处理复杂引用类型。

方法 1：使用 Object.values 和 Set

利用 Object.values 获取对象的所有值，然后通过 Set 去重，比较去重前后的长度。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const values = Object.values(obj);
  const uniqueValues = new Set(values);
  return values.length !== uniqueValues.size;
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true（因为值 2 重复）

方法 2：使用 for...in 循环和对象记录

通过 for...in 循环遍历对象的属性值，并使用一个临时对象记录已经出现过的值。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const seenValues = {};
  for (const key in obj) {
    const value = obj[key];
    if (seenValues[value]) {
      return true; // 发现重复值
    }
    seenValues[value] = true;
  }
  return false; // 没有重复值
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 3：使用 Array.prototype.some 和 Array.prototype.filter

通过 Object.values 获取所有值，然后使用 some 和 filter 检查是否有重复值。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const values = Object.values(obj);
  return values.some((value, index) => values.indexOf(value) !== index);
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 4：使用 reduce 和 Set

通过 reduce 遍历对象的值，并使用 Set 检查是否有重复值。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const values = Object.values(obj);
  const hasDuplicates = values.reduce((acc, value) => {
    if (acc.seen.has(value)) {
      acc.duplicate = true;
    }
    acc.seen.add(value);
    return acc;
  }, { seen: new Set(), duplicate: false });

  return hasDuplicates.duplicate;
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 5：处理特殊值（如 null 和 undefined）

如果对象的值可能包含 null 或 undefined，需要额外处理，因为这些值无法作为对象的键。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const seenValues = new Set();
  for (const key in obj) {
    const value = obj[key];
    if (seenValues.has(value)) {
      return true; // 发现重复值
    }
    seenValues.add(value);
  }
  return false; // 没有重复值
}

// 示例
const obj = { a: null, b: undefined, c: 1, d: null };
console.log(hasDuplicateValues(obj)); // 输出 true（因为 null 重复）

方法 6：处理嵌套对象或复杂值

如果对象的值是嵌套对象或复杂类型（如数组、对象等），可以使用 JSON.stringify 将值转换为字符串进行比较。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const seenValues = new Set();
  for (const key in obj) {
    const value = JSON.stringify(obj[key]); // 将值转换为字符串
    if (seenValues.has(value)) {
      return true; // 发现重复值
    }
    seenValues.add(value);
  }
  return false; // 没有重复值
}

// 示例
const obj = { a: { x: 1 }, b: { x: 1 }, c: [1, 2], d: [1, 2] };
console.log(hasDuplicateValues(obj)); // 输出 true（因为 { x: 1 } 和 [1, 2] 重复）

方法 7：使用 Array.prototype.reduce 和对象记录

通过 reduce 遍历对象的值，并使用一个对象记录每个值的出现次数。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const valueCounts = Object.values(obj).reduce((acc, value) => {
    acc[value] = (acc[value] || 0) + 1;
    return acc;
  }, {});

  return Object.values(valueCounts).some(count => count > 1);
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 8：使用 Map 记录值

使用 Map 来记录每个值的出现次数，Map 可以处理任何类型的值（包括 null 和 undefined）。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const valueMap = new Map();
  for (const key in obj) {
    const value = obj[key];
    if (valueMap.has(value)) {
      return true; // 发现重复值
    }
    valueMap.set(value, true);
  }
  return false; // 没有重复值
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 9：使用 Array.prototype.every 和 Array.prototype.indexOf

通过 every 和 indexOf 检查是否有重复值。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const values = Object.values(obj);
  return !values.every((value, index) => values.indexOf(value) === index);
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 10：使用 lodash 库

如果你已经在项目中使用了 lodash，可以直接使用 _.values 和 _.uniq 来检查重复值。

代码实现：

javascript 复制代码 
const _ = require('lodash');

function hasDuplicateValues(obj) {
  const values = _.values(obj);
  return values.length !== _.uniq(values).length;
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 11：使用 Object.entries 和 Set

通过 Object.entries 获取键值对，然后提取值并使用 Set 去重。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const values = Object.entries(obj).map(([key, value]) => value);
  const uniqueValues = new Set(values);
  return values.length !== uniqueValues.size;
}

// 示例
const obj = { a: 1, b: 2, c: 3, d: 2 };
console.log(hasDuplicateValues(obj)); // 输出 true

方法 12：使用递归处理嵌套对象

如果对象的值是嵌套对象，可以使用递归来检查重复值。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj, seenValues = new Set()) {
  for (const key in obj) {
    const value = obj[key];
    if (typeof value === 'object' && value !== null) {
      if (hasDuplicateValues(value, seenValues)) {
        return true;
      }
    } else if (seenValues.has(value)) {
      return true;
    } else {
      seenValues.add(value);
    }
  }
  return false;
}

// 示例
const obj = { a: 1, b: { c: 2 }, d: { e: 2 } };
console.log(hasDuplicateValues(obj)); // 输出 true（因为值 2 重复）

方法 13：使用 WeakMap 处理复杂对象

如果对象的值是复杂类型（如对象、数组等），可以使用 WeakMap 来记录值。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const seenValues = new WeakMap();
  for (const key in obj) {
    const value = obj[key];
    if (typeof value === 'object' && value !== null) {
      if (seenValues.has(value)) {
        return true;
      }
      seenValues.set(value, true);
    }
  }
  return false;
}

// 示例
const obj = { a: { x: 1 }, b: { x: 1 }, c: { y: 2 } };
console.log(hasDuplicateValues(obj)); // 输出 false（因为对象是引用类型，即使内容相同也不重复）

方法 14：使用 JSON.stringify 和 Set

如果对象的值是嵌套对象或复杂类型，可以使用 JSON.stringify 将值转换为字符串，然后使用 Set 检查重复。

代码实现：

javascript 复制代码 
function hasDuplicateValues(obj) {
  const seenValues = new Set();
  for (const key in obj) {
    const value = JSON.stringify(obj[key]);
    if (seenValues.has(value)) {
      return true;
    }
    seenValues.add(value);
  }
  return false;
}

// 示例
const obj = { a: { x: 1 }, b: { x: 1 }, c: [1, 2], d: [1, 2] };
console.log(hasDuplicateValues(obj)); // 输出 true（因为 { x: 1 } 和 [1, 2] 重复）

总结

  • 如果对象的值是简单类型，推荐使用 方法 1 、方法 2 或 方法 8。
  • 如果对象的值是嵌套对象或复杂类型，推荐使用 方法 12 或 方法 14。
相关推荐
勘察加熊人1 小时前
angular日历
前端·javascript·angular.js
NoneCoder1 小时前
JavaScript系列（86）--现代构建工具详解
开发语言·javascript·rust
weixin_444009001 小时前
浏览器JS打不上断点，一点就跳到其他文件里。浏览器控制台 js打断点，指定的位置打不上断点，一打就跳到其他地方了。
开发语言·javascript·ecmascript
Ama_tor1 小时前
网页制作10-html,css,javascript初认识の适用XHTML
javascript·css·html
程序员SKY1 小时前
JavaScript 系列之：垃圾回收机制
javascript
Chocolate_men2 小时前
echarts 环形图 指定区域从右侧中心点展开
javascript·vue.js
荣--2 小时前
重构的艺术：在代码演进中寻找优雅
javascript·微信小程序·重构·nodejs
祈澈菇凉3 小时前
如何使用useContext进行全局状态管理？
前端·javascript·react.js
澄江静如练_4 小时前
vue3中的标签属性中的Ref
前端·javascript·vue.js
IT、木易4 小时前
大白话React第八章React 深入进阶与实践拓展阶段
javascript·react.js·ecmascript
热门推荐
01DeepSeek各版本说明与优缺点分析02本地部署DeepSeek教程（Mac版本）03如何在WPS和Word/Excel中直接使用DeepSeek功能04DeepSeek R1本地化部署 Ollama + Chatbox 打造最强 AI 工具05太炸裂了！清华大学deepseek从入门到精通使用手册又出第三版了，《普通人如何抓住DeepSeek红利》（无套路，直接下载）06DeepSeek本地部署详细指南07保姆级教程：利用Ollama与Open-WebUI本地部署 DeedSeek-R1大模型08本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程09DeepSeek r1本地安装全指南10从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑