자바스크립트에서 객체가 동일한지 확인하는 방법에 대한 자세한 코드 예제
- 伊谢尔伦원래의
- 2017-07-26 11:54:311937검색
우리는 두 개체에 내용이 없으면 JavaScript가 두 개체가 동일하지 않다고 판단한다는 것을 알고 있습니다. 하지만 때로는 두 개체의 내용이 동일한지 확인해야 하는 경우도 있습니다. 그렇다면 우리는 어떻게 해야 하며 배려해야 할까요? 예를 들어 0과 -0, null과 정의되지 않음은 동일하지 않으며 NaN과 NaN은 기본적으로 동일하지 않습니다. 나는 여러 측면을 고려하여 isEqual 메소드를 작성했으며 코드는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
//isEqual：判断两个对象是否键值对应相等
function isEqual(a,b){
//如果a和b本来就全等
if(a===b){
//判断是否为0和-0
return a !== 0 || 1/a ===1/b;
}
//判断是否为null和undefined
if(a==null||b==null){
return a===b;
}
//接下来判断a和b的数据类型
var classNameA=toString.call(a),
classNameB=toString.call(b);
//如果数据类型不相等，则返回false
if(classNameA !== classNameB){
return false;
}
//如果数据类型相等，再根据不同数据类型分别判断
switch(classNameA){
case '[object RegExp]':
case '[object String]':
//进行字符串转换比较
return '' + a ==='' + b;
case '[object Number]':
//进行数字转换比较,判断是否为NaN
if(+a !== +a){
return +b !== +b;
}
//判断是否为0或-0
return +a === 0?1/ +a === 1/b : +a === +b;
case '[object Date]':
case '[object Boolean]':
return +a === +b;
}
//如果是对象类型
if(classNameA == '[object Object]'){
//获取a和b的属性长度
var propsA = Object.getOwnPropertyNames(a),
propsB = Object.getOwnPropertyNames(b);
if(propsA.length != propsB.length){
return false;
}
for(var i=0;i<propsA.length;i++){
var propName=propsA[i];
//如果对应属性对应值不相等，则返回false
if(a[propName] !== b[propName]){
return false;
}
}
return true;
}
//如果是数组类型
if(classNameA == '[object Array]'){
if(a.toString() == b.toString()){
return true;
}
return false;
}
}
//test
var obj1={name:"liu",age:22};
var obj2={name:"liu",age:22};
var obj3={name:"liu",age:33};
var state1=isEqual(obj1,obj2);
var state2=isEqual(obj1,obj3);
console.log(state1);//true
console.log(state2);//false
var state3=isEqual(null,undefined);
console.log(state3);//false
var state4=isEqual(NaN,NaN);
console.log(state4);//true
var arr1=[1,2,3];
var arr2=[1,2,3];
var arr3=[1,23];
var state5=isEqual(arr1,arr2);
console.log(state5);//true
var state6=isEqual(arr1,arr3);
console.log(state6);//false
</script>
</html>실행 효과 다이어그램은 다음과 같습니다.
위 내용은 자바스크립트에서 객체가 동일한지 확인하는 방법에 대한 자세한 코드 예제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.