javascript判断两个对象属性以及值是否相等
2023-09-11 14:19:41 时间
objIsEqual(obj1,obj2){//比较两个对象键值对是否相等
var o1 = obj1 instanceof Object;
var o2 = obj2 instanceof Object;
if(!o1 || !o2){/* 判断不是对象 */
return obj1 === obj2;
}
if(Object.keys(obj1).length !== Object.keys(obj2).length){
return false;
//Object.keys() 返回一个由对象的自身可枚举属性(key值)组成的数组,例如:数组返回下表:let arr = ["a", "b", "c"];console.log(Object.keys(arr))->0,1,2;
}
for(var attr in obj1){
var t1 = obj1[attr] instanceof Object;
var t2 = obj2[attr] instanceof Object;
if(t1 && t2){
return diff(obj1[attr],obj2[attr]);
}else if(obj1[attr] !== obj2[attr]){
return false;
}
}
return true;
}
方法2:
判断是否为引用类型:
export function isObject (obj) { return obj !== null && typeof obj === 'object' }
判断两个对象是否相等
function looseEqual (a, b){ if (a === b) return true const isObjectA = isObject(a) const isObjectB = isObject(b) if (isObjectA && isObjectB) { try { const isArrayA = Array.isArray(a) const isArrayB = Array.isArray(b) if (isArrayA && isArrayB) { return a.length === b.length && a.every((e, i) => {//数组长度相等,每一项都相等 return looseEqual(e, b[i]);//递归 }) } else if (a instanceof Date && b instanceof Date) { return a.getTime() === b.getTime();//日期时间戳相等 } else if (!isArrayA && !isArrayB) {//两者都不是数组 就剩下正则、方法、普通对象了 const keysA = Object.keys(a) const keysB = Object.keys(b) return keysA.length === keysB.length && keysA.every(key => { return looseEqual(a[key], b[key])//key数量一致、并且每个key对应的值相等 }) } else { /* istanbul ignore next */ return false } } catch (e) { /* istanbul ignore next */ return false } } else if (!isObjectA && !isObjectB) {//都不是引用类型 return String(a) === String(b) } else { return false } }
。
相关文章
- Javascript中prototype属性详解
- Javascript将字符串日期格式化为yyyy-mm-dd的方法 js number 类型 没有length 属性 string类型才有
- 简单理解javascript中的原型对象,实现对之间共享属性和行为
- 26dwr - DWR中的JavaScript(创造一个与 Java 对象匹配的 Javascript 对象)
- JavaScript - 批量替换对象数组中的属性名(快速将二维数组对象中的键名进行大量替换)传入原来的属性名和要修改的属性名即可,适用于 js vue nuxt uniapp等项目,详细示例代码教程
- Javascript 异步加载详解
- 如何选择Javascript模板引擎(javascript template engine)?
- 【JavaScript】关于javascript原型的深入理解
- 【JavaScript】javascript常用的东西
- 【JavaScript】2013年人气最高的JavaScript框架排名
- JavaScript学习之路-语法
- JavaScript 秘密花园
- 《JavaScript启示录》——1.15 复杂对象具有动态属性
- JavaScript判断数据类型总结
- JavaScript之ClassName属性学习
- JavaScript UTC() 方法