【前端笔试】实现两个json对象的比较

忘是亡心i 2022-06-08 05:41 457阅读 0赞

便利蜂前端笔试题~  
让实现一个function，比较两个json格式的数据是否一致，  
我是用for of 去遍历，回来试了才知道for of 是不能遍历的对象的，应该用for in 的，反正官方是这么说的：

The for...of statement creates a loop iterating over iterable objects (including Array, Map, Set, String, TypedArray, arguments object and so on), invoking a custom iteration hook with statements to be executed for the value of each distinct property.

目前为止，你可以这样理解：JS已经有了几个不同的集合类，而且更多的集合类正在被添加进来。for-of循环语句的设计初衷就是适用于所有这些集合类。

for-of并不能用于普通的旧对象。如果你想要遍历对象的所有属性，可以使用for-in，也可以通过Object.keys(object)将对象的所有属性以数组形式返回后再使用for-of。

for (var key of Object.keys(someObject)) {   
    console.log(key + ": " + someObject[key]);   
    }

说一下这个题吧。主要逻辑如下：

**1. 二者长度是否一致，不一致返回false**

自以为是的我直接json.length,其实是错误的。  
有两种方法解决，一种是常规遍历：

var  count = 0;
    for(let key in data.phones) {
      if(data.phones.hasOwnProperty(key)) {
        count++;
      }
    }

另一种是转成数组：

if(Object.keys(obj1).length != Object.keys(obj2).length){
        return false;
    }

**2.比较key 和 value**

*  循环遍历json1，for in 获得key
 *  hasOwnProperty判断json2中是否有该key属性。
 *  比较json1\[key\] === json2\[key\]

注意：  
1.获取value 使用 json1\[s\]而不是json1.s；  
2.在比较value之前，需要先判断json2中是否有key属性，一开始我认为如果没有hasOwnProperty方法判断，json2\[key\]会报错。然而实际不是这样的，对于json\[x\],即使x不是json里面的属性，也不会报错，只会返回undifined。但是hasOwnProperty仍然有存在的原因，比如json1里某属性值为undifined：

var json1 = {
        "a": 1,
        "b": 2,
        "c":undefined,
    }
    var json2 = {
        "a": 1,
        "b": 2,
        "d": 3,
    }
    json1["c"] ===json2["c"]  //ture

3.注意比较value要用===，同时比较类型和值；  
否则如下obj比较就返回true了

var json1 = {
    "a": true,
        "b": 2,
        "c": false,
    }
    var json2 = {
        "a": 1,
        "b": 2,
        "c": 0,
    }

完整代码如下：