判断两个对象内容相等

来源:互联网 发布:js可以控制浏览器比例 编辑:程序博客网 时间:2024/05/18 03:11

我们知道,如果两个对象即使内容,javascript也会判断它们不相等。但是有时候,我们仅仅需要判断两个对象的内容是否相等。那么我们应该如何做到且考虑周全呢?比如说0和-0,null和undefined,是不相等的,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和-0return a !== 0 || 1/a ===1/b;}//判断是否为null和undefinedif(a==null||b==null){return a===b;}//接下来判断a和b的数据类型var classNameA=toString.call(a),classNameB=toString.call(b);//如果数据类型不相等,则返回falseif(classNameA !== classNameB){return false;}//如果数据类型相等,再根据不同数据类型分别判断switch(classNameA){case '[object RegExp]':case '[object String]'://进行字符串转换比较return '' + a ==='' + b;case '[object Number]'://进行数字转换比较,判断是否为NaNif(+a !== +a){return +b !== +b;}//判断是否为0或-0return +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];//如果对应属性对应值不相等,则返回falseif(a[propName] !== b[propName]){return false;}}return true;}//如果是数组类型if(classNameA == '[object Array]'){if(a.toString() == b.toString()){return true;}return false;}}//testvar 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);//trueconsole.log(state2);//falsevar state3=isEqual(null,undefined);console.log(state3);//falsevar state4=isEqual(NaN,NaN);console.log(state4);//truevar arr1=[1,2,3];var arr2=[1,2,3];var arr3=[1,23];var state5=isEqual(arr1,arr2);console.log(state5);//truevar state6=isEqual(arr1,arr3);console.log(state6);//false</script></html>



1 0
原创粉丝点击