vue js 判断两个数组是否相等

数组:引用数据类型,存放在堆里面,所以直接判断两个数组是否相等得到的结果false

    var arr = [1, 2, 3]
    var arr1 = [1, 2, 3]
    console.log(arr == arr1);    //false

解决方案:

1.toString()

    var arr = [1, 2, 3]
    var arr1 = [1, 2, 3]
    var arr2 = [3, 2, 1]
    console.log(arr.toString() == arr1.toString());    //true
    console.log(arr.toString() == arr2.toString());    //false

缺陷:当数组每个索引对应的值不相等时,得到的结果就是false了

2. JSON.stringfy()

    var arr = [1, 2, 3]
    var arr1 = [1, 2, 3]
    var arr2 = [3, 2, 1]
    console.log(JSON.stringify(arr) == JSON.stringify(arr1));    //true
    console.log(JSON.stringify(arr) == JSON.stringify(arr2));    //false

缺陷:当数组每个索引对应的值不相等时,得到的结果就是false了

3. 双循环逐个比较

    var arr = [1, 2, 3]
    var arr1 = [1, 2, 3]
    var arr2 = [3, 2, 1]
    var arr3 = [3, 2, 1 ,1]
    var arr4 = [1, 2, 3, 4]
    if (arr.length == arr2.length) {
      let i = 0
      arr.forEach(item => {
        arr2.forEach(item2 => {
          if (item == item2) {
            i++
          }
        })
      })
      console.log(i == arr.length);       //true     
    }

    if (arr3.length == arr4.length) {
      let i = 0
      arr3.forEach(item => {
        arr4.forEach(item2 => {
          if (item == item2) {
            i++
          }
        })
      })
      console.log(i == arr3.length);       //false    
    }

缺陷:当数组元素有相同的值时,当数组元素为对象时,判断也会出现偏差