JavaScript比较两个数组的内容是否相同

今天在看廖雪峰大神的博客意外地发现javascript是不能用 '=='或'==='操做符直接比较两个数组是否相等的。

---

先看案例：

var a = [1,2,3,4,5];
var b = a.slice();
console.log(a);          //  [1,2,3,4,5]
console.log(b);          //  [1,2,3,4,5]
console.log(a === b);    //  false
console.log(a == b);     //  false
console.log([] == []);   //  false
console.log( [] === []); //  false

为何都输出false呢？先弄清楚如下几点：

1. javascript包括两个不一样类型的值：基本数据类型和引用数据类型。
2. 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。

3. 常见的基本数据类型：Number、String 、Boolean、Null和Undefined。

   var a = 10;
   var b = a;
   b = 20;
   console.log(a);  //  10

   上面b获取的是a值的一份拷贝，虽然两个变量的值相等，可是两个变量保存了两个不一样的基本数据类型值。b只是保存了a赋值的一个副本，因此，b的改变，对a没有影响。

4. 引用类型数据：也就是对象类型Object type，好比：Object、Array、Function、Data等。javascript的引用数据类型是保存在堆内存中的对象。

讲到这里应该理解为何输出的是false了：由于数组是兑现，==或===操做符只能比较两个对象是不是同一个实例，也就是是不是同一个对象引用。目前JavaScript没有内置的操做符判断对象的内容是否相同。

那么该如何去判断数组是否相等呢？

1. 有一种作法是将数组转换成字符串：
   JSON.stringify(a1) === JSON.stringify(a2)
   或
   a1.toString() === a2.toString();
   请不要使用这种方法！！！
   这种方法在某些状况下是可行的，当两个数组的元素顺序相同且元素均可以转换成字符串的状况下确实可行。
   这样的代码存有隐患，好比数字被转换成字符串，数字“1”和字符串“1”会被认为相等，可能形成调试困难，不推荐使用。
2. 另一种方法：

function equar(a, b) {
    // 判断数组的长度
    if (a.length !== b.length) {
        return false
    } else {
        // 循环遍历数组的值进行比较
        for (let i = 0; i < a.length; i++) {
            if (a[i] !== b[i]) {
                return false
            }
        }
        return true;
    }
}
var s = equar([1, '2', 3], [1, 2, 3]);
var t = equar([1, 2, 3], [1, 2, 3]);
console.log(s);  //  false
console.log(t);  //  true

以上就是个人总结，有不对的地方请指出。