JavaScript的相等性判断
根据相等判断的实用性, 做出如下的相等性说明:
原始类型
Number
,String
,Boolean
,Undefined
,Null
: 直接通过===判断, 经过对象包装(eg: new Number(1))的这类对象转换为原始类型再判断(即_.isEqual(new Number(1), 1)===true)引用类型
Object
: 引用相同, 必然相等; 引用不同, 进行深入比较(其中type为function的类型, 先判断构造函数是是否相等, 再判断其自有的属性和方法是否也一致)
原生js存在的不完善地方,这里列举一些常用到的特例:
原生会返回true的情况:
null == undefined
(通过null === undefined
返回false修正)-0 === +0
(通过-Infinity === Infinity
返回false修正)NaN !== NaN
(通过if(a!==a) return (b!==b)
修正)
原生会返回false
- 经过对象包装的原始类型的比较:
new Number(1) === 1
(原生的这样判断其实是无可厚非的, 实际运用中我们统一都归为相等)
- 经过对象包装的原始类型的比较:
用到的工具:
- typeof
- Object.prototype.toString
- 运算符
+
可以把字符串转为数字 - lodash的keys,has方法
使用例子:
isEqual({name: 'rose'}, {name: 'rose'}) // 返回true
isEqual([{name: 'rose'}, 2], [{name: 'rose'}, 2]) // 返回true
var A = function(){}
var B = new A
var C = new A
isEqual(B, C) //返回true
代码:
import _ from 'lodash'
var toString = Object.prototype.toString
var isEqual = function (a, b, aStack, bStack) {
//原始类型Number, String, Boolean
// 0 === -0 使用 1 / 0 !== 1/ -0 排除
if (a === b) return a !== 0 || 1 / a === 1 / b
// null == undefined 返回true
// null === undefined 返回false
if (a == null || b == null) return a === b
// isNaN !== isNaN 返回true
if (a !== a) return b !== b
var className = toString.call(a)
if (className !== toString.call(b)) return false
switch (className) {
case '[object RegExp]':
case '[object String]':
return '' + a === '' + b
case '[object Number]':
if (+a !== +a) return +b !== +b
return +a === 0 ? 1 / +a === 1 / b : +a === +b
case '[object Date]':
case '[object Boolean]':
return +a === +b
// todo case '[object Symbol]'
}
// 判断a 是否为数组
var areArrays = className === '[object Array]'
if (!areArrays) {
if (typeof a !== 'object' || typeof b !== 'object') return false
// Objects with different constructors are not equivalent, but `Object`s or `Array`s
// from different frames are.
// 先判断构造函数是否相同
var aCtor = a.constructor, bCtor = b.constructor
if (aCtor !== bCtor) return false
}
aStack = aStack || []
bStack = bStack || []
var length = aStack.length
while (length--) {
// 避免循环引用导致的死循环
if (aStack[length] === a) return bStack[length] === b
}
aStack.push(a)
bStack.push(b)
if (areArrays) {
length = a.length
if (length !== b.length) return false
while (length--) {
if (!isEqual(a[length], b[length], aStack, bStack)) return false
}
} else {
var keys = _.keys(a), key
length = keys.length
if (_.keys(b).length !== length) return false;
while (length--) {
// Deep compare each member
// 递归比较
key = keys[length];
if (!(_.has(b, key) && isEqual(a[key], b[key], aStack, bStack))) return false;
}
}
aStack.pop()
bStack.pop()
return true
}
export {
isEqual
}
实用判断(判断某对象a是否为特定值)
- false:
a === false
- undefined:
typeof a === 'undefined'
- null:
a === null
参考链接:
相关文章
- webpack相关知识
能够处理JS文件的互相依赖关系 能够处理JS的兼容问题 安装 全局安装 npm install webpack -g 项目安装 npm install webpack --save-
- Javascript基础和ES6
HTML的基础事件 onmouseover、onmouseout表示JS事件的鼠标移入鼠标移出 document.getElementById('id') JS中选择HTML的ID元素<in
- JavaScript编码规则
JavaScript编码规则 目的:改善协作编码、代码质量。 var 声明变量必须用var。 防止变量变为全局变量,污染全局环境。 常量 基本类型number、string、boolean是常量值。对
- JavaScript获取和设置CSS属性
获取样式 元素对象的宽高位置距离等属性 如offsetWidht、cilentWidht、scrollWidth…… let oWidth=obj.offsetWidth; 注意: 只能获取属
- javascript作用域、上下文、this和闭包详解
词法作用域lexical scope 定义在词法阶段的作用域。词法作用域是变量和语句块在定义时所处的位置决定的。 全局 块级:在{}之内是一个块级作用域(ES6之前没有块级作用于只有函数内的局部作用
随机推荐
- webpack相关知识
能够处理JS文件的互相依赖关系 能够处理JS的兼容问题 安装 全局安装 npm install webpack -g 项目安装 npm install webpack --save-
- Javascript基础和ES6
HTML的基础事件 onmouseover、onmouseout表示JS事件的鼠标移入鼠标移出 document.getElementById('id') JS中选择HTML的ID元素<in
- JavaScript编码规则
JavaScript编码规则 目的:改善协作编码、代码质量。 var 声明变量必须用var。 防止变量变为全局变量,污染全局环境。 常量 基本类型number、string、boolean是常量值。对
- JavaScript获取和设置CSS属性
获取样式 元素对象的宽高位置距离等属性 如offsetWidht、cilentWidht、scrollWidth…… let oWidth=obj.offsetWidth; 注意: 只能获取属
- javascript作用域、上下文、this和闭包详解
词法作用域lexical scope 定义在词法阶段的作用域。词法作用域是变量和语句块在定义时所处的位置决定的。 全局 块级:在{}之内是一个块级作用域(ES6之前没有块级作用于只有函数内的局部作用