使用 Set 检测 JavaScript 对象值的变化
原创
这种 JavaScript 方法旨在通过将对象文字的值转换为数组，然后转换为集合，以便比较之前和之后状态之间的唯一值，从而检测对象文字的更改。
总结一下这个过程：
- 从对象值创建数组： 使用
Object.values()方法将对象文字before和after的值提取为数组。 - 合并数组： 将
beforeArr和afterArr的值使用扩展运算符（...）合并为单个数组。 - 创建集合： 从合并后的数组（
mergedSet）和before对象的值数组（beforeSet）创建集合。 - 比较： 通过比较集合的大小（
mergedSet和beforeSet），代码确定对象是否发生了更改。
let before = { name: "Ygritte", married: false, home: "North of the wall" };
let after = { name: "Ygritte Snow", married: true, home: "Winterfell" };
let beforeArr = Object.values(before); // ['Ygritte', false, 'North of the wall']
let afterArr = Object.values(after); // ['Ygritte Snow', true, 'Winterfell']
let merged = [...beforeArr, ...afterArr]; // ['Ygritte', false, 'North of the wall', 'Ygritte Snow', true, 'Winterfell']
// 创建集合
let mergedSet = new Set(merged);
let beforeSet = new Set(beforeArr);
if (mergedSet.size > beforeSet.size) {
console.log('检测到变化');
} else {
console.log('无变化');
}然而，需要注意的是，在某些自动生成动态属性（如updated_at、created_at等）的情况下，此方法可能并不完全可靠。为了解决这个问题，您可以在执行比较之前删除这些属性（就像您提供的代码中的警告部分所示），或者您可以在比较过程中明确考虑这些属性，以避免在仅动态属性已修改时误报更改。
我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
