欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js中比较两个对象是否相同的方法示例

程序员文章站 2022-05-14 16:49:10
本文实例讲述了js中比较两个对象是否相同的方法。分享给大家供大家参考,具体如下: js中,很轻易就可以比较2个普通字符串/数字是否相同,但是,如何比较2个对象是否相同呢?...

本文实例讲述了js中比较两个对象是否相同的方法。分享给大家供大家参考,具体如下:

js中,很轻易就可以比较2个普通字符串/数字是否相同,但是,如何比较2个对象是否相同呢?

在此我便给出较为简单的方法,如下:

//比较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

运行结果:

js中比较两个对象是否相同的方法示例

扩展写法:

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测试上述代码运行效果。