답변:
jQuery 1.6부터 사용할 수 있습니다 .is
. 아래는 1 년 전의 답변입니다.
var a = $('#foo');
var b = a;
if (a.is(b)) {
// the same object!
}
두 변수가 실제로 동일한 객체인지 확인하려면 다음과 같이하십시오.
var a = $('#foo');
var b = a;
... 그러면 고유 한 ID를 확인할 수 있습니다. 새 jQuery 객체를 만들 때마다 ID를 얻습니다.
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
}
$(':first')
와$('*:first')
equals
기능은 순서에 민감한 것 같다. 비록 더 느리더라도 stackoverflow.com/a/29648479 와 같은 것이 더 많은 경우에 작동합니다.
여전히 모르는 경우 다음을 수행하여 원본 객체를 다시 가져올 수 있습니다.
alert($("#deviceTypeRoot")[0] == $("#deviceTypeRoot")[0]); //True
alert($("#deviceTypeRoot")[0] === $("#deviceTypeRoot")[0]);//True
$("#deviceTypeRoot")
또한 선택자가 선택한 객체의 배열을 반환 하기 때문 입니다.
true
당신이 DOM 요소의 참조를 비교하기 때문에, ==
대 ===
같은 결과를 줄 것이다 (어떤 종류의 강제 그들은 단지 두 개의 객체 참조하고, 필요 없음)
$.fn.equals(...)
솔루션은 아마도 가장 깨끗하고 가장 우아한 하나입니다.
나는 다음과 같이 빠르고 더러운 것을 시도했다.
JSON.stringify(a) == JSON.stringify(b)
아마도 비싸지 만 편안한 것은 암묵적으로 재귀 적이지만 우아한 솔루션은 그렇지 않다는 것입니다.
그냥 내 2 센트.
{a: 1, b: 2}
및 {b: 2, a: 1}
이 반환 false
은 반환해야 할 때 true
.
일반적으로 말하자면 $ (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>
따라서 실제 프로그램에서 jQuery 객체의 ID 요소를 다음과 같이 비교해야합니다.
...
$(someIdSelector).attr("id") == $(someOtherIdSelector).attr("id")
더 적절합니다.
Underscore.js isEqual 메소드 사용 http://underscorejs.org/#isEqual
이 기능을 사용하여 키를 기준으로 먼저 객체를 주문하십시오.
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
내용이 같은지 확인하려면 JSON.stringify (obj)를 사용하십시오.
예를 들어-var a = {key : val};
var b = {key : val};
JSON.stringify (a) == JSON.stringify (b) -----> 내용이 동일하면 사실입니다.
A.selector === B.selector && A.context === B.context
. 문맥이 항상 같은 경우가 많으므로 선택기 만 고려하면됩니다.