如何确定两个JavaScript对象的相等性?

2020/09/21 23:41 · javascript ·  · 0评论

严格相等运算符将告诉您两个对象类型是否相等。但是,有没有办法判断两个对象是否相等,就像 Java中的哈希码一样

堆栈溢出问题JavaScript中是否存在某种hashCode函数?与这个问题相似,但需要更多的学术答案。上面的场景演示了为什么必须要有一个,而我想知道是否有任何等效的解决方案

简短的答案

一个简单的答案是:不,没有通用的方法可以确定一个对象是否等同于另一个对象。例外是,当您严格考虑对象是无类型的时。

长答案

该概念是Equals方法的概念,该方法比较对象的两个不同实例以指示它们在值级别上是否相等。但是,由特定类型决定如何Equals实现方法。具有原始值的属性的迭代比较可能不够,可能存在一些不被视为对象值一部分的属性。例如,

 function MyClass(a, b)
 {
     var c;
     this.getCLazy = function() {
         if (c === undefined) c = a * b // imagine * is really expensive
         return c;
     }
  }

在上述情况下,c确定MyClass的任何两个实例是否相等,仅ab是否重要并不重要。在某些情况下c,实例之间可能会有所不同,但在比较期间并不显着。

请注意,当成员本身也可能是类型的实例,并且每个成员都必须具有确定相等性的方法时,就会出现此问题。

更为复杂的是,在JavaScript中,数据和方法之间的区别变得模糊。

一个对象可以引用一个被称为事件处理程序的方法,而这可能不被认为是其“值状态”的一部分。尽管可以很好地为另一个对象分配执行重要计算的功能,从而使该实例与其他实例有所不同,仅仅是因为它引用了一个不同的函数。

如果某个对象的现有原型方法之一被另一个函数覆盖,该怎么办?还是可以认为它等同于另一个实例,在其他方面相同吗?对于每种类型,只能在每种特定情况下回答该问题。

如前所述,异常将是严格无类型的对象。在这种情况下,唯一明智的选择是每个成员的迭代和递归比较。即使这样,也必须问一个函数的“值”是什么?

为什么要重新发明轮子?Lodash一试。它具有许多必备功能,例如isEqual()

_.isEqual(object, other);

就像本页中的其他示例一样,它将使用ECMAScript 5和本机优化(如果浏览器中可用)蛮力检查每个键值

注:以前这个答案推荐Underscore.js,但lodash做得越来越修复的错误,并与一致性解决问题的一个更好的工作。

当JavaScript for Objects引用内存中的相同位置时,其默认相等运算符将产生true。

var x = {};
var y = {};
var z = x;

x === y; // => false
x === z; // => true

如果您需要其他相等运算符,则需要在类中添加一个equals(other)方法或类似方法,而问题域的具体内容将确定这到底意味着什么。

这是一个纸牌示例:

function Card(rank, suit) {
  this.rank = rank;
  this.suit = suit;
  this.equals = function(other) {
     return other.rank == this.rank && other.suit == this.suit;
  };
}

var queenOfClubs = new Card(12, "C");
var kingOfSpades = new Card(13, "S");

queenOfClubs.equals(kingOfSpades); // => false
kingOfSpades.equals(new Card(13, "S")); // => true

如果您使用的是AngularJS,则该angular.equals函数将确定两个对象是否相等。Ember.js中使用isEqual

  • angular.equals-有关此方法的更多信息,请参见文档来源它也对数组进行了深入的比较。
  • Ember.js- 有关此方法的更多信息,isEqual请参阅文档资源它没有对数组做深入的比较。
var purple = [{"purple": "drank"}];
var drank = [{"purple": "drank"}];

if(angular.equals(purple, drank)) {
    document.write('got dat');
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>

这是我的版本。它使用ES5中引入的Object.keys功能以及+++的想法/测试

function objectEquals(x, y) {
    'use strict';

    if (x === null || x === undefined || y === null || y === undefined) { return x === y; }
    // after this just checking type of one would be enough
    if (x.constructor !== y.constructor) { return false; }
    // if they are functions, they should exactly refer to same one (because of closures)
    if (x instanceof Function) { return x === y; }
    // if they are regexps, they should exactly refer to same one (it is hard to better equality check on current ES)
    if (x instanceof RegExp) { return x === y; }
    if (x === y || x.valueOf() === y.valueOf()) { return true; }
    if (Array.isArray(x) && x.length !== y.length) { return false; }

    // if they are dates, they must had equal valueOf
    if (x instanceof Date) { return false; }

    // if they are strictly equal, they both need to be object at least
    if (!(x instanceof Object)) { return false; }
    if (!(y instanceof Object)) { return false; }

    // recursive object equality check
    var p = Object.keys(x);
    return Object.keys(y).every(function (i) { return p.indexOf(i) !== -1; }) &&
        p.every(function (i) { return objectEquals(x[i], y[i]); });
}


///////////////////////////////////////////////////////////////
/// The borrowed tests, run them by clicking "Run code snippet"
///////////////////////////////////////////////////////////////
var printResult = function (x) {
    if (x) { document.write('<div style="color: green;">Passed</div>'); }
    else { document.write('<div style="color: red;">Failed</div>'); }
};
var assert = { isTrue: function (x) { printResult(x); }, isFalse: function (x) { printResult(!x); } }
assert.isTrue(objectEquals(null,null));
assert.isFalse(objectEquals(null,undefined));
assert.isFalse(objectEquals(/abc/, /abc/));
assert.isFalse(objectEquals(/abc/, /123/));
var r = /abc/;
assert.isTrue(objectEquals(r, r));

assert.isTrue(objectEquals("hi","hi"));
assert.isTrue(objectEquals(5,5));
assert.isFalse(objectEquals(5,10));

assert.isTrue(objectEquals([],[]));
assert.isTrue(objectEquals([1,2],[1,2]));
assert.isFalse(objectEquals([1,2],[2,1]));
assert.isFalse(objectEquals([1,2],[1,2,3]));

assert.isTrue(objectEquals({},{}));
assert.isTrue(objectEquals({a:1,b:2},{a:1,b:2}));
assert.isTrue(objectEquals({a:1,b:2},{b:2,a:1}));
assert.isFalse(objectEquals({a:1,b:2},{a:1,b:3}));

assert.isTrue(objectEquals({1:{name:"mhc",age:28}, 2:{name:"arb",age:26}},{1:{name:"mhc",age:28}, 2:{name:"arb",age:26}}));
assert.isFalse(objectEquals({1:{name:"mhc",age:28}, 2:{name:"arb",age:26}},{1:{name:"mhc",age:28}, 2:{name:"arb",age:27}}));

Object.prototype.equals = function (obj) { return objectEquals(this, obj); };
var assertFalse = assert.isFalse,
    assertTrue = assert.isTrue;

assertFalse({}.equals(null));
assertFalse({}.equals(undefined));

assertTrue("hi".equals("hi"));
assertTrue(new Number(5).equals(5));
assertFalse(new Number(5).equals(10));
assertFalse(new Number(1).equals("1"));

assertTrue([].equals([]));
assertTrue([1,2].equals([1,2]));
assertFalse([1,2].equals([2,1]));
assertFalse([1,2].equals([1,2,3]));
assertTrue(new Date("2011-03-31").equals(new Date("2011-03-31")));
assertFalse(new Date("2011-03-31").equals(new Date("1970-01-01")));

assertTrue({}.equals({}));
assertTrue({a:1,b:2}.equals({a:1,b:2}));
assertTrue({a:1,b:2}.equals({b:2,a:1}));
assertFalse({a:1,b:2}.equals({a:1,b:3}));

assertTrue({1:{name:"mhc",age:28}, 2:{name:"arb",age:26}}.equals({1:{name:"mhc",age:28}, 2:{name:"arb",age:26}}));
assertFalse({1:{name:"mhc",age:28}, 2:{name:"arb",age:26}}.equals({1:{name:"mhc",age:28}, 2:{name:"arb",age:27}}));

var a = {a: 'text', b:[0,1]};
var b = {a: 'text', b:[0,1]};
var c = {a: 'text', b: 0};
var d = {a: 'text', b: false};
var e = {a: 'text', b:[1,0]};
var i = {
    a: 'text',
    c: {
        b: [1, 0]
    }
};
var j = {
    a: 'text',
    c: {
        b: [1, 0]
    }
};
var k = {a: 'text', b: null};
var l = {a: 'text', b: undefined};

assertTrue(a.equals(b));
assertFalse(a.equals(c));
assertFalse(c.equals(d));
assertFalse(a.equals(e));
assertTrue(i.equals(j));
assertFalse(d.equals(k));
assertFalse(k.equals(l));

// from comments on stackoverflow post
assert.isFalse(objectEquals([1, 2, undefined], [1, 2]));
assert.isFalse(objectEquals([1, 2, 3], { 0: 1, 1: 2, 2: 3 }));
assert.isFalse(objectEquals(new Date(1234), 1234));

// no two different function is equal really, they capture their context variables
// so even if they have same toString(), they won't have same functionality
var func = function (x) { return true; };
var func2 = function (x) { return true; };
assert.isTrue(objectEquals(func, func));
assert.isFalse(objectEquals(func, func2));
assert.isTrue(objectEquals({ a: { b: func } }, { a: { b: func } }));
assert.isFalse(objectEquals({ a: { b: func } }, { a: { b: func2 } }));

如果使用的是JSON库,则可以将每个对象编码为JSON,然后比较结果字符串是否相等。

var obj1={test:"value"};
var obj2={test:"value2"};

alert(JSON.encode(obj1)===JSON.encode(obj2));

注意:尽管此答案在许多情况下都有效,但正如一些人在评论中指出的那样,由于多种原因,这是有问题的。在几乎所有情况下,您都希望找到一个更强大的解决方案。

简短的功能deepEqual实现:

function deepEqual(x, y) {
  return (x && y && typeof x === 'object' && typeof y === 'object') ?
    (Object.keys(x).length === Object.keys(y).length) &&
      Object.keys(x).reduce(function(isEqual, key) {
        return isEqual && deepEqual(x[key], y[key]);
      }, true) : (x === y);
}

编辑:版本2,使用臂架的建议和ES6箭头功能:

function deepEqual(x, y) {
  const ok = Object.keys, tx = typeof x, ty = typeof y;
  return x && y && tx === 'object' && tx === ty ? (
    ok(x).length === ok(y).length &&
      ok(x).every(key => deepEqual(x[key], y[key]))
  ) : (x === y);
}

您是否要测试两个对象是否相等?即:它们的属性是否相等?

如果是这种情况,您可能已经注意到这种情况:

var a = { foo : "bar" };
var b = { foo : "bar" };
alert (a == b ? "Equal" : "Not equal");
// "Not equal"

您可能需要执行以下操作:

function objectEquals(obj1, obj2) {
    for (var i in obj1) {
        if (obj1.hasOwnProperty(i)) {
            if (!obj2.hasOwnProperty(i)) return false;
            if (obj1[i] != obj2[i]) return false;
        }
    }
    for (var i in obj2) {
        if (obj2.hasOwnProperty(i)) {
            if (!obj1.hasOwnProperty(i)) return false;
            if (obj1[i] != obj2[i]) return false;
        }
    }
    return true;
}

显然,该功能可以进行很多优化,并具有进行深度检查(处理嵌套对象:)的能力,var a = { foo : { fu : "bar" } }但是您明白了。

正如FOR指出的那样,您可能必须针对自己的目的对此进行调整,例如:不同的类可能具有不同的“等于”定义。如果仅使用普通对象,则上面的内容就足够了,否则,自定义MyClass.equals()函数可能是解决方法。

如果方便使用深层复制功能,则可以在匹配属性顺序时使用以下技巧继续使用JSON.stringify

function equals(obj1, obj2) {
    function _equals(obj1, obj2) {
        return JSON.stringify(obj1)
            === JSON.stringify($.extend(true, {}, obj1, obj2));
    }
    return _equals(obj1, obj2) && _equals(obj2, obj1);
}

演示:http : //jsfiddle.net/CU3vb/3/

理由:

由于的属性obj1会一一复制到克隆中,因此将保留其在克隆中的顺序。而且,当将的属性obj2复制到克隆中时,由于已经存在的属性obj1将被简单地覆盖,因此它们在克隆中的顺序将被保留。

在Node.js中,您可以使用其native require("assert").deepStrictEqual更多信息:http :
//nodejs.org/api/assert.html

例如:

var assert = require("assert");
assert.deepStrictEqual({a:1, b:2}, {a:1, b:3}); // will throw AssertionError

另一个返回true/ false而不是返回错误的示例

var assert = require("assert");

function deepEqual(a, b) {
    try {
      assert.deepEqual(a, b);
    } catch (error) {
      if (error.name === "AssertionError") {
        return false;
      }
      throw error;
    }
    return true;
};

比较所有对象(对象,数组,字符串,整数)的最简单逻辑的解决方案

JSON.stringify({a: val1}) === JSON.stringify({a: val2})

注意:

  • 您需要替换val1val2用您的对象
  • 对于对象,您必须对两个侧面对象进行递归排序(按键)

我使用此comparable函数来生成与JSON可比的对象的副本:

var comparable = o => (typeof o != 'object' || !o)? o :
  Object.keys(o).sort().reduce((c, key) => (c[key] = comparable(o[key]), c), {});

// Demo:

var a = { a: 1, c: 4, b: [2, 3], d: { e: '5', f: null } };
var b = { b: [2, 3], c: 4, d: { f: null, e: '5' }, a: 1 };

console.log(JSON.stringify(comparable(a)));
console.log(JSON.stringify(comparable(b)));
console.log(JSON.stringify(comparable(a)) == JSON.stringify(comparable(b)));
<div id="div"></div>

在测试中派上用场(大多数测试框架都具有is功能)。例如

is(JSON.stringify(comparable(x)), JSON.stringify(comparable(y)), 'x must match y');

如果发现差异,则会记录字符串,从而使差异可见:

x must match y
got      {"a":1,"b":{"0":2,"1":3},"c":7,"d":{"e":"5","f":null}},
expected {"a":1,"b":{"0":2,"1":3},"c":4,"d":{"e":"5","f":null}}.

以下是使用功能样式方法的ES6 / ES2015解决方案:

const typeOf = x => 
  ({}).toString
      .call(x)
      .match(/\[object (\w+)\]/)[1]

function areSimilar(a, b) {
  const everyKey = f => Object.keys(a).every(f)

  switch(typeOf(a)) {
    case 'Array':
      return a.length === b.length &&
        everyKey(k => areSimilar(a.sort()[k], b.sort()[k]));
    case 'Object':
      return Object.keys(a).length === Object.keys(b).length &&
        everyKey(k => areSimilar(a[k], b[k]));
    default:
      return a === b;
  }
}

演示在这里

对于那些使用NodeJS的用户,有一个便捷的方法可以isDeepStrictEqual在本机Util库上调用,以实现此目的。

const util = require('util');

const obj1 = {
  foo: "bar",
  baz: [1, 2]
};

const obj2 = {
  foo: "bar",
  baz: [1, 2]
};


obj1 == obj2 // false
util.isDeepStrictEqual(obj1, obj2) // true

https://nodejs.org/api/util.html#util_util_isdeepstrictequal_val1_val2

我不知道是否有人发布过与此类似的内容,但这是我用来检查对象相等性的函数。

function objectsAreEqual(a, b) {
  for (var prop in a) {
    if (a.hasOwnProperty(prop)) {
      if (b.hasOwnProperty(prop)) {
        if (typeof a[prop] === 'object') {
          if (!objectsAreEqual(a[prop], b[prop])) return false;
        } else {
          if (a[prop] !== b[prop]) return false;
        }
      } else {
        return false;
      }
    }
  }
  return true;
}

另外,它是递归的,因此它也可以检查深度相等性(如果您称之为它)。

ES6:我能完成的最少代码是这样。它通过对所有对象进行字符串化来进行深度比较,唯一的限制是没有方法或符号可以进行比较。

const compareObjects = (a, b) => { 
  let s = (o) => Object.entries(o).sort().map(i => { 
     if(i[1] instanceof Object) i[1] = s(i[1]);
     return i 
  }) 
  return JSON.stringify(s(a)) === JSON.stringify(s(b))
}

console.log(compareObjects({b:4,a:{b:1}}, {a:{b:1},b:4}));

您可以_.isEqual(obj1, obj2)从underscore.js库中使用。

这是一个例子:

var stooge = {name: 'moe', luckyNumbers: [13, 27, 34]};
var clone  = {name: 'moe', luckyNumbers: [13, 27, 34]};
stooge == clone;
=> false
_.isEqual(stooge, clone);
=> true

请参阅此处的官方文档:http : //underscorejs.org/#isEqual

假设对象中属性的顺序未更改。

JSON.stringify()适用于两种类型的对象的深层和非深层,但不太确定性能方面:

var object1 = {
  key: "value"
};

var object2 = {
  key: "value"
};

var object3 = {
  key: "no value"
};

console.log('object1 and object2 are equal: ', JSON.stringify(object1) === JSON.stringify(object2));

console.log('object2 and object3 are equal: ', JSON.stringify(object2) === JSON.stringify(object3));

许多人没有意识到的一个简单的解决方案是对JSON字符串(每个字符)进行排序。这通常也比此处提到的其他解决方案要快:

function areEqual(obj1, obj2) {
    var a = JSON.stringify(obj1), b = JSON.stringify(obj2);
    if (!a) a = '';
    if (!b) b = '';
    return (a.split('').sort().join('') == b.split('').sort().join(''));
}

关于这种方法的另一个有用的东西是你可以通过一个“替代品”功能的JSON.stringify功能(过滤比较https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON / stringify#Example_of_using_replacer_parameter)。下面将仅比较所有名为“ derp”的对象键:

function areEqual(obj1, obj2, filter) {
    var a = JSON.stringify(obj1, filter), b = JSON.stringify(obj2, filter);
    if (!a) a = '';
    if (!b) b = '';
    return (a.split('').sort().join('') == b.split('').sort().join(''));
}
var equal = areEqual(obj1, obj2, function(key, value) {
    return (key === 'derp') ? value : undefined;
});

只是想利用某些es6功能贡献我的对象比较版本。它不考虑订单。将所有if / else转换为三元后,我得到了以下内容:

function areEqual(obj1, obj2) {

    return Object.keys(obj1).every(key => {

            return obj2.hasOwnProperty(key) ?
                typeof obj1[key] === 'object' ?
                    areEqual(obj1[key], obj2[key]) :
                obj1[key] === obj2[key] :
                false;

        }
    )
}

需要一个比已发布的对象更通用的对象比较功能,我准备了以下内容。批评赞赏...

Object.prototype.equals = function(iObj) {
  if (this.constructor !== iObj.constructor)
    return false;
  var aMemberCount = 0;
  for (var a in this) {
    if (!this.hasOwnProperty(a))
      continue;
    if (typeof this[a] === 'object' && typeof iObj[a] === 'object' ? !this[a].equals(iObj[a]) : this[a] !== iObj[a])
      return false;
    ++aMemberCount;
  }
  for (var a in iObj)
    if (iObj.hasOwnProperty(a))
      --aMemberCount;
  return aMemberCount ? false : true;
}

如果要比较JSON对象,则可以使用https://github.com/mirek/node-rus-diff

npm install rus-diff

用法:

a = {foo:{bar:1}}
b = {foo:{bar:1}}
c = {foo:{bar:2}}

var rusDiff = require('rus-diff').rusDiff

console.log(rusDiff(a, b)) // -> false, meaning a and b are equal
console.log(rusDiff(a, c)) // -> { '$set': { 'foo.bar': 2 } }

如果两个对象不同,{$rename:{...}, $unset:{...}, $set:{...}}则返回与MongoDB兼容的对象。

我遇到了同样的问题,并决定编写自己的解决方案。但是因为我也想将数组与对象进行比较,反之亦然,所以我设计了一个通用解决方案。我决定将这些功能添加到原型中,但是可以轻松地将它们重写为独立功能。这是代码:

Array.prototype.equals = Object.prototype.equals = function(b) {
    var ar = JSON.parse(JSON.stringify(b));
    var err = false;
    for(var key in this) {
        if(this.hasOwnProperty(key)) {
            var found = ar.find(this[key]);
            if(found > -1) {
                if(Object.prototype.toString.call(ar) === "[object Object]") {
                    delete ar[Object.keys(ar)[found]];
                }
                else {
                    ar.splice(found, 1);
                }
            }
            else {
                err = true;
                break;
            }
        }
    };
    if(Object.keys(ar).length > 0 || err) {
        return false;
    }
    return true;
}

Array.prototype.find = Object.prototype.find = function(v) {
    var f = -1;
    for(var i in this) {
        if(this.hasOwnProperty(i)) {
            if(Object.prototype.toString.call(this[i]) === "[object Array]" || Object.prototype.toString.call(this[i]) === "[object Object]") {
                if(this[i].equals(v)) {
                    f = (typeof(i) == "number") ? i : Object.keys(this).indexOf(i);
                }
            }
            else if(this[i] === v) {
                f = (typeof(i) == "number") ? i : Object.keys(this).indexOf(i);
            }
        }
    }
    return f;
}

该算法分为两部分:equals函数本身,以及用于在数组/对象中查找属性的数字索引的函数。因为indexof仅查找数字和字符串而没有对象,所以仅需要find函数。

可以这样称呼它:

({a: 1, b: "h"}).equals({a: 1, b: "h"});

该函数返回true或false,在这种情况下为true。该算法还允许在非常复杂的对象之间进行比较:

({a: 1, b: "hello", c: ["w", "o", "r", "l", "d", {answer1: "should be", answer2: true}]}).equals({b: "hello", a: 1, c: ["w", "d", "o", "r", {answer1: "should be", answer2: true}, "l"]})

上面的示例将返回true,即使属性具有不同的顺序。需要注意的一个小细节:此代码还检查两个变量的相同类型,因此“ 3”与3不同。

我看到了意大利面的代码答案。不使用任何第三方库,这很容易。

首先,通过键的键名对两个对象进行排序。

let objectOne = { hey, you }
let objectTwo = { you, hey }

// If you really wanted you could make this recursive for deep sort.
const sortObjectByKeyname = (objectToSort) => {
    return Object.keys(objectToSort).sort().reduce((r, k) => (r[k] = objectToSort[k], r), {});
}

let objectOne = sortObjectByKeyname(objectOne)
let objectTwo = sortObjectByKeyname(objectTwo)

然后只需使用字符串进行比较即可。

JSON.stringify(objectOne) === JSON.stringify(objectTwo)
var object1 = {name: "humza" , gender : "male", age: 23}
var object2 = {name: "humza" , gender : "male", age: 23}
var result = Object.keys(object1).every((key) =>  object1[key] === object2[key])

如果object1在object2上具有相同的值,则结果为true

这个问题已经有30多个答案。我将总结并解释它们(以“我的父亲”为例),并添加我建议的解决方案。

您有4 + 1类解决方案


1)使用hacky不完整的快速单线

如果您赶时间并且99%的正确性有效,那就很好。

例如,Pratik BhalodiyaJSON.stringify()建议,或JSON.encode 由Joel Anair或其他.toString()的是改变你的对象为一个字符串,然后使用两个字符串比较或其他方法===逐个字符。

但是,缺点是字符串中没有对象的全局标准唯一表示。例如{ a: 5, b: 8}{b: 8 and a: 5 }相等。

  • 优点:快速,快速。
  • 缺点: 希望工作!完全不能保证。在大型物体上的性能也不是很好。

我父亲的比喻

当我谈论父亲时,“ 我的高个子帅哥 ”和“ 我的高个子帅哥 ”是同一个人!但是,这两个字符串并不相同。

请注意,英语语法中的形容词实际上有一个正确的(标准方式)顺序说它应该是“一个英俊的高个子”,但是如果您盲目地假设iOS 8 Safari的Javascript引擎也遵守该规则,则可能会冒着使您冒风险的风险。同样的语法,盲目!#WelcomeToJavascriptNonStandards


2)编写自己的DIY递归函数

如果您正在学习中,那很好。

例子是 atmin的解决方案

最大的缺点是您肯定会错过一些边缘情况。您是否考虑过对象值自引用你考虑过了NaN吗?您是否考虑过两个具有相同对象ownProperties但原型父代不同的

我只会鼓励人们如果正在练习并且代码不会在生产中投入使用的话。只有这样,重新发明轮子才有道理。

  • 优点:学习机会。
  • 缺点:不可靠。需要时间和关注。

我父亲的比喻

这就像假设我父亲的名字是“ John Smith”并且他的生日是“ 1/1/1970”,那么一个名字是“ John Smith”并且出生于“ 1/1/1970”的人就是我的父亲。

通常是这样,但是如果那天有两个“约翰·史密斯”出生怎么办?如果您认为自己会考虑它们的高度,那么虽然可以提高准确性,但仍然不是一个完美的比较。

2.1您有限范围的DIY比较器

与其反复进行所有递归检查所有属性,不如考虑只检查“有限”数量的属性。例如,如果对象是Users,则可以比较它们的emailAddress字段。

它仍然不是一个完美的解决方案,但是解决方案2的好处是:

  1. 这是可以预见的,并且崩溃的可能性较小。
  2. 您正在驱动平等的“定义”,而不是依赖于对象的原始形式和形状及其原型和嵌套属性。

3)使用库版本的equal功能

如果需要生产级别的质量,并且不能更改系统的设计,则很好。

例子是_.equal lodash,已经在coolaj86的答案或Angular的或Ember 的答案中出现,如Tony Harvey的答案Rafael Xavier的 Node的提到

  • 优点:这是其他所有人所做的。
  • 缺点:外部依赖性,这可能会使您付出额外的内存/ CPU /安全问题,甚至花一点点时间。而且,仍然可能会遗漏一些边缘情况(例如,具有相同ownProperties但原型父代不同的两个对象是否应视为相同)。最后,可能会无意中为此带来了潜在的设计问题;只是说!

我父亲的比喻

这就像向中介公司付款,根据他的电话,姓名,地址等找到我的亲生父亲。

这将花费更多,并且可能比我进行背景检查更准确,但是并不能涵盖像我父亲是移民/庇护所和他的生日不详的情况。


4)在对象中使用IDentifier

如果您仍然可以更改系统(正在处理的对象)的设计并且希望代码能持续很长时间,那就很好了。

它并非在所有情况下都适用,并且可能不是很出色。但是,如果可以的话,这是一个非常可靠的解决方案。

解决的办法是,object系统中的每一个都将具有唯一的标识符以及所有其他属性。标识符唯一性将在生成时得到保证。在比较两个对象时,将使用此ID(也称为UUID / GUID- 全局/通用唯一标识符)。即,当且仅当这些ID相等时,它们才相等。

ID可以是简单auto_incremental数字,也可以是通过(建议)或一段代码生成的字符串您需要做的就是确保它始终是唯一的,auto_incremental如果可以内置它,或者在使用UUID的情况下,可以检查所有现有值(例如MySQL的UNIQUE column属性)还是简单地(如果来自库) )的碰撞可能性极低。

请注意,您还需要始终将ID与对象一起存储(以确保其唯一性),并且实时计算它可能不是最佳方法。

  • 优点:可靠,高效,不脏,现代。
  • 缺点:需要额外的空间。可能需要重新设计系统。

我父亲的比喻

就像我父亲的社会安全号码是911-345-9283一样,因此拥有此SSN的任何人都是我的父亲,任何声称是我父亲的人都必须具有此SSN。


结论

我个人更喜欢解决方案4(ID),以确保准确性和可靠性。如果不可能,我将使用#2.1进行可预测性,然后使用#3。如果两者都不可行,则#2,最后是#1。

我建议不要进行散列或序列化(如JSON解决方案所示)。如果需要测试两个对象是否相等,则需要定义相等的含义。可能是两个对象中的所有数据成员都匹配,或者可能是内存位置必须匹配(这意味着两个变量都引用了内存中的同一对象),或者可能是每个对象中只有一个数据成员必须匹配。

最近,我开发了一个对象,该对象的构造函数在每次创建实例时都会创建一个新的id(从1开始并以1递增)。该对象具有isEqual函数,该函数将该ID值与另一个对象的ID值进行比较,如果匹配则返回true。

在那种情况下,我将“等于”定义为id值匹配。假设每个实例都有一个唯一的ID,则可以用来执行这样的想法,即匹配对象也占据相同的内存位置。虽然这不是必需的。

如果两个对象的所有属性都具有相同的值,并且对于所有嵌套的对象和数组具有递归值,则认为两个对象相等是很有用的。我还认为以下两个对象相等:

var a = {p1: 1};
var b = {p1: 1, p2: undefined};

同样,数组可以具有“缺失”元素和未定义元素。我也将同样对待:

var c = [1, 2];
var d = [1, 2, undefined];

实现此相等性定义的函数:

function isEqual(a, b) {
    if (a === b) {
        return true;
    }

    if (generalType(a) != generalType(b)) {
        return false;
    }

    if (a == b) {
        return true;
    }

    if (typeof a != 'object') {
        return false;
    }

    // null != {}
    if (a instanceof Object != b instanceof Object) {
        return false;
    }

    if (a instanceof Date || b instanceof Date) {
        if (a instanceof Date != b instanceof Date ||
            a.getTime() != b.getTime()) {
            return false;
        }
    }

    var allKeys = [].concat(keys(a), keys(b));
    uniqueArray(allKeys);

    for (var i = 0; i < allKeys.length; i++) {
        var prop = allKeys[i];
        if (!isEqual(a[prop], b[prop])) {
            return false;
        }
    }
    return true;
}

源代码(包括辅助函数,generalType和uniqueArray):
此处是
单元测试测试运行器

我使用此函数进行以下假设:

  1. 您可以控制要比较的对象,并且只有原始值(即没有嵌套的对象,函数等)。
  2. 您的浏览器支持Object.keys

这应该被视为简单策略的演示。

/**
 * Checks the equality of two objects that contain primitive values. (ie. no nested objects, functions, etc.)
 * @param {Object} object1
 * @param {Object} object2
 * @param {Boolean} [order_matters] Affects the return value of unordered objects. (ex. {a:1, b:2} and {b:2, a:1}).
 * @returns {Boolean}
 */
function isEqual( object1, object2, order_matters ) {
    var keys1 = Object.keys(object1),
        keys2 = Object.keys(object2),
        i, key;

    // Test 1: Same number of elements
    if( keys1.length != keys2.length ) {
        return false;
    }

    // If order doesn't matter isEqual({a:2, b:1}, {b:1, a:2}) should return true.
    // keys1 = Object.keys({a:2, b:1}) = ["a","b"];
    // keys2 = Object.keys({b:1, a:2}) = ["b","a"];
    // This is why we are sorting keys1 and keys2.
    if( !order_matters ) {
        keys1.sort();
        keys2.sort();
    }

    // Test 2: Same keys
    for( i = 0; i < keys1.length; i++ ) {
        if( keys1[i] != keys2[i] ) {
            return false;
        }
    }

    // Test 3: Values
    for( i = 0; i < keys1.length; i++ ) {
        key = keys1[i];
        if( object1[key] != object2[key] ) {
            return false;
        }
    }

    return true;
}

这是以上所有内容的补充,而不是替代。如果您需要快速浅比较对象,而无需检查额外的递归情况。这是一个镜头。

对此进行比较:1)自己的属性数量相等,2)关键字名称相等,3)如果bCompareValues == true,则对应的属性值及其类型相等(三重相等)

var shallowCompareObjects = function(o1, o2, bCompareValues) {
    var s, 
        n1 = 0,
        n2 = 0,
        b  = true;

    for (s in o1) { n1 ++; }
    for (s in o2) { 
        if (!o1.hasOwnProperty(s)) {
            b = false;
            break;
        }
        if (bCompareValues && o1[s] !== o2[s]) {
            b = false;
            break;
        }
        n2 ++;
    }
    return b && n1 == n2;
}
本文地址:http://javascript.askforanswer.com/ruhequedinglianggejavascriptduixiangdexiangdengxing.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!