равенство объектов jQuery - PullRequest
Новая
       14

равенство объектов jQuery

139 голосов
/ 05 июля 2010

Как определить, равны ли два объекта jQuery? Я хотел бы иметь возможность поиска в массиве для конкретного объекта jQuery. 

$.inArray(jqobj, my_array);//-1    
alert($("#deviceTypeRoot") == $("#deviceTypeRoot"));//False
alert($("#deviceTypeRoot") === $("#deviceTypeRoot"));//False

Ответы [ 7 ]

209 голосов
/ 05 июля 2010

Начиная с jQuery 1.6, вы можете использовать .is.Ниже приведен ответ более года назад ... 

var a = $('#foo');
var b = a;


if (a.is(b)) {
    // the same object!
}

Если вы хотите увидеть, действительно ли две переменные являются одним и тем же объектом, например: 

var a = $('#foo');
var b = a;

...то вы можете проверить их уникальные идентификаторы.Каждый раз, когда вы создаете новый объект jQuery, он получает идентификатор. 

if ($.data(a) == $.data(b)) {
    // the same object!
}

Хотя, то же самое может быть достигнуто с помощью простого a === b, приведенное выше, по крайней мере, может показать следующему разработчику именно то, что выпроверка на.

В любом случае, это, вероятно, не то, что вы ищете.Если вы хотите проверить, содержат ли два разных объекта jQuery один и тот же набор элементов, вы можете использовать это: 

$.fn.equals = function(compareTo) {
  if (!compareTo || this.length != compareTo.length) {
    return false;
  }
  for (var i = 0; i < this.length; ++i) {
    if (this[i] !== compareTo[i]) {
      return false;
    }
  }
  return true;
};

Источник 

var a = $('p');
var b = $('p');
if (a.equals(b)) {
    // same set
}
16 голосов
/ 05 июля 2010

Если вы все еще не знаете, вы можете вернуть исходный объект: 

alert($("#deviceTypeRoot")[0] == $("#deviceTypeRoot")[0]); //True
alert($("#deviceTypeRoot")[0] === $("#deviceTypeRoot")[0]);//True

, поскольку $("#deviceTypeRoot") также возвращает массив объектов, выбранных селектором.

15 голосов
/ 27 февраля 2013

Решение $.fn.equals(...), вероятно, самое чистое и элегантное.

Я пробовал что-то быстрое и грязное, как это: 

JSON.stringify(a) == JSON.stringify(b)

Это, вероятно, дорого, но удобно то, что он неявно рекурсивный, а элегантное решение - нет.

Только мои 2 цента.

9 голосов
/ 05 июля 2010

Вообще говоря, плохая идея сравнивать $ (foo) с $ (foo), поскольку это функционально эквивалентно следующему сравнению: 

<html>
<head>
<script language='javascript'>
    function foo(bar) {
        return ({ "object": bar });
    }

    $ = foo;

    if ( $("a") == $("a") ) {
        alert ("JS engine screw-up");
    }
    else {
        alert ("Expected result");
    }

</script>

</head>
</html>

Конечно, вы никогда не ожидаете "JS"завинчивание двигателя ".Я использую «$» только для того, чтобы понять, что делает jQuery.

Каждый раз, когда вы вызываете $ ("# foo"), вы фактически делаете jQuery ("# ​​foo"), который возвращает новыйобъект .Поэтому сравнивать их и ожидать, что один и тот же объект неверен.

Однако то, что вы МОЖЕТЕ сделать, может выглядеть примерно так: 

<html>
<head>
<script language='javascript'>
    function foo(bar) {
        return ({ "object": bar });
    }

    $ = foo;

    if ( $("a").object == $("a").object ) {
        alert ("Yep! Now it works");
    }
    else {
        alert ("This should not happen");
    }

</script>

</head>
</html>

Так что на самом деле вам, возможно, следует сравнить элементы ID объектов jQueryв вашей реальной программе что-то вроде 

... 
$(someIdSelector).attr("id") == $(someOtherIdSelector).attr("id")

более уместно.

4 голосов
/ 16 мая 2018

Сначала упорядочите ваш объект на основе ключа, используя эту функцию 

function sortObject(o) {
    return Object.keys(o).sort().reduce((r, k) => (r[k] = o[k], r), {});
}

Затем сравните строковую версию вашего объекта, используя эту функцию 

function isEqualObject(a,b){
    return JSON.stringify(sortObject(a)) == JSON.stringify(sortObject(b));
}

Вотпример

Предположим, что ключи объектов упорядочены по-разному и имеют одинаковые значения 

var obj1 = {"hello":"hi","world":"earth"}
var obj2 = {"world":"earth","hello":"hi"}

isEqualObject(obj1,obj2);//returns true
4 голосов
/ 05 ноября 2012

Использовать метод Underscore.js isEqual http://underscorejs.org/#isEqual

0 голосов
/ 29 марта 2018

Если вы хотите проверить, что содержимое равно или нет, просто используйте JSON.stringify (объект)

Например - var a = {key: val};

var b = {key: val};

JSON.stringify (a) == JSON.stringify (b) -----> Если содержимое одинаковое, вы получите истину.

...