快捷導(dǎo)航

js中比較兩個對象是否相同的方法示例

更新時間：2019年09月02日 11:00:27 作者：yqwang75457

這篇文章主要介紹了js中比較兩個對象是否相同的方法,結(jié)合實(shí)例形式詳細(xì)分析了js對象遍歷、判斷等相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了js中比較兩個對象是否相同的方法。分享給大家供大家參考，具體如下：

js中，很輕易就可以比較2個普通字符串/數(shù)字是否相同，但是，如何比較2個對象是否相同呢？

在此我便給出較為簡單的方法，如下：

//比較2個對象是否相同
function isObjEqual(o1,o2){
  var props1 = Object.getOwnPropertyNames(o1);
  var props2 = Object.getOwnPropertyNames(o2);
  if (props1.length != props2.length) {
    return false;
  }
  for (var i = 0,max = props1.length; i < max; i++) {
    var propName = props1[i];
    if (o1[propName] !== o2[propName]) {
      return false;
    }
  }
  return true;
}
var obj1 = {id:1,name:"張三"}
var obj2 = {id:2,name:"李四"}
var obj3 = {id:1,name:"張三",age:25}
var obj4 = {id:1,name:"張三"}
console.log(isObjEqual(obj1,obj2));//false
console.log(isObjEqual(obj1,obj3));//false
console.log(isObjEqual(obj1,obj4));//true

運(yùn)行結(jié)果：

擴(kuò)展寫法：

Object.prototype.vequal = function(obj){
  var props1 = Object.getOwnPropertyNames(this);
  var props2 = Object.getOwnPropertyNames(obj);
  if (props1.length != props2.length) {
    return false;
  }
  for (var i = 0,max = props1.length; i < max; i++) {
    var propName = props1[i];
    if (this[propName] !== obj[propName]) {
      return false;
    }
  }
  return true;
}
var obj1 = {id:1,name:"張三"}
var obj2 = {id:2,name:"李四"}
var obj3 = {id:1,name:"張三",age:25}
var obj4 = {id:1,name:"張三"}
console.log(obj1.equal(obj2));//false
console.log(obj1.equal(obj3));//false
console.log(obj1.equal(obj4));//true

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。