本文介绍了在JavaScript中比较两个对象是否相同的实现方法。通过定义isObjEqual函数，利用Object.getOwnPropertyNames获取对象属性名并进行逐一比对，判断属性数量及对应值是否一致。同时提供了扩展写法，将比较逻辑挂载至Object.prototype，方便直接调用。
JavaScript比较两个对象是否相同的方法示例
本文通过具体实例，详细讲解了在JavaScript中判断两个对象是否相等的实现方式，供读者参考学习。
在JavaScript开发中，直接比较两个普通字符串或数字是否相等非常简便，但若要判断两个对象是否完全相同，则需要采用特定的逻辑处理。
下面介绍一种较为简洁的实现方案，具体代码如下：
//比较2个对象是否相同
function isObjEqual(o1,o2){
var props1 = Object.getOwnPropertyNames(o1);
var props2 = Object.getOwnPropertyNames(o2);
if (props1.length != props2.length) {
return false;
}
for (var i = 0,max = props1.length; i < max; i++) {
var propName = props1[i];
if (o1[propName] !== o2[propName]) {
return false;
}
}
return true;
}
var obj1 = {id:1,name:"张三"}
var obj2 = {id:2,name:"李四"}
var obj3 = {id:1,name:"张三",age:25}
var obj4 = {id:1,name:"张三"}
console.log(isObjEqual(obj1,obj2));//false
console.log(isObjEqual(obj1,obj3));//false
console.log(isObjEqual(obj1,obj4));//true
运行结果：
扩展写法：
Object.prototype.vequal = function(obj){
var props1 = Object.getOwnPropertyNames(this);
var props2 = Object.getOwnPropertyNames(obj);
if (props1.length != props2.length) {
return false;
}
for (var i = 0,max = props1.length; i < max; i++) {
var propName = props1[i];
if (this[propName] !== obj[propName]) {
return false;
}
}
return true;
}
var obj1 = {id:1,name:"张三"}
var obj2 = {id:2,name:"李四"}
var obj3 = {id:1,name:"张三",age:25}
var obj4 = {id:1,name:"张三"}
console.log(obj1.equal(obj2));//false
console.log(obj1.equal(obj3));//false
console.log(obj1.equal(obj4));//true
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。