web-dev-qa-db-ja.com

JavaScriptでの同値比較のオーバーライド

Javascriptで等価比較をオーバーライドすることは可能ですか？

私が解決策に最も近づいたのは、valueOf関数を定義し、オブジェクトの前にプラス記号を付けてvalueOfを呼び出すことです。

これは動作します。

equal(+x == +y, true);

しかし、これは失敗します。

equal(x == y, true, "why does this fail.");

ここに私のテストケースがあります。

var Obj = function (val) {
    this.value = val;
};
Obj.prototype.toString = function () {
    return this.value;
};
Obj.prototype.valueOf = function () {
    return this.value;
};
var x = new Obj(42);
var y = new Obj(42);
var z = new Obj(10);
test("Comparing custom objects", function () {
    equal(x >= y, true);
    equal(x <= y, true);
    equal(x >= z, true);
    equal(y >= z, true);
    equal(x.toString(), y.toString());
    equal(+x == +y, true);
    equal(x == y, true, "why does this fails.");
});

デモはこちら： http://jsfiddle.net/tWyHg/5/

javascriptoperator-overloadingqunit
34
Larry Battle

_==_演算子はプリミティブのみを比較しないため、valueOf()関数を呼び出さないためです。使用した他の演算子は、プリミティブのみで機能します。 Javascriptではそのようなことを達成できないのではないかと思います。詳細については http://www.2ality.com/2011/12/fake-operator-overloading.html をご覧ください。

21
Corkscreewe

@Corkscreeweでのピギーバック：

これは、オブジェクトを扱っており、等価演算子は2つの変数が同じオブジェクトを参照しているかどうかを比較するだけで、2つのオブジェクトが何らかの形で等しいかどうかを比較するためです。

1つの解決策は、変数の前に「+」を使用し、オブジェクトのvalueOfメソッドを定義することです。これは、各オブジェクトのvalueOfメソッドを呼び出して、その値をNumberに「キャスト」します。あなたはすでにこれを見つけましたが、当然のことながらあまり満足していないようです。

より表現力のある解決策は、オブジェクトに等しい関数を定義することです。上記の例を使用して：

Obj.prototype.equals = function (o) {
    return this.valueOf() === o.valueOf();
};

var x = new Obj(42);
var y = new Obj(42);
var z = new Obj(10);

x.equals(y); // true
x.equals(z); // false

私はこれがあなたが望むものを正確に実行しないことを知っています（等価演算子自体を再定義します）が、うまくいけばあなたが少し近くなることを願っています。

14
Noah Freitas

あなたが探している完全なオブジェクト比較であるなら、あなたはこれに似た何かを使いたいかもしれません。

/*
    Object.equals

    Desc:       Compares an object's properties with another's, return true if the objects
                are identical.
    params:
        obj = Object for comparison
*/
Object.prototype.equals = function(obj)
{

    /*Make sure the object is of the same type as this*/
    if(typeof obj != typeof this)
        return false;

    /*Iterate through the properties of this object looking for a discrepancy between this and obj*/
    for(var property in this)
    {

        /*Return false if obj doesn't have the property or if its value doesn't match this' value*/
        if(typeof obj[property] == "undefined")
            return false;   
        if(obj[property] != this[property])
            return false;
    }

    /*Object's properties are equivalent */
    return true;
}
3
CBusBus

eS6 Object.is()関数を使用して、オブジェクトのプロパティを確認できます。

Object.prototype.equals = function(obj)
{
    if(typeof obj != "Object")
        return false;
    for(var property in this)
    {
        if(!Object.is(obj[property], this[property]))
            return false;
    }
    return true;
}
2
Khalid Azam