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    
    }

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

原文链接：https://blog.csdn.net/weixin_44972441/article/details/122425992

JavaScript中如何比较两个数组是否相同？

/** 
 * 直接用 == 和 === 对两个相同的数组做比较时返回的值是false
 * 因为Array是引用类型数据, 
 * == 和 === 只能判断这两个数组是否是同一个实例,
 * 因此直接比较会返回false
 * 要想比较两个数组是否相同, 只能遍历让其每一项进行对比。
*/
 
 
const a = [1, 2, [3, 4, [5, 6, [7, 8]]], 9]
const b = [1, 2, [3, 4, [5, 6, [7, 8]]], 9]
 
/** 
 * 在数组原型上增加方法
*/
Array.prototype.equals = function (arr) {
    if (!Array.isArray(arr)) {
        return false
    }
    if (this.length !== arr.length) {
        return false
    }
    for (let i = 0, l = arr.length; i < l; i++) {
        if (Array.isArray(this[i]) && Array.isArray(arr[i])) {
            if (!this[i].equals(arr[i])) {
                return false
            }
        } else if (this[i] != arr[i]) {
            return false
        }
    }
    return true
}
 
/** 
 * 直接定义function去对比两个数组
*/
function equalArr(arr1, arr2) {
    if (!Array.isArray(arr1) || !Array.isArray(arr2)) {
        return false
    }
    if (arr1.length !== arr2.length) {
        return false
    }
    for (let i = 0, l = arr1.length; i < l; i++) {
        if (Array.isArray(arr1[i]) && Array.isArray(arr2[i])) {
            if (!equalArr(arr1[i], arr2[i])) {
                return false
            }
        } else if (arr1[i] != arr2[i]) {
            return false
        }
    }
    return true
}
 
 
 
console.log(a === b)            // false
console.log(a == b)             // false
console.log(a.equals(b));       //true
console.log(equalArr(a, b))     //true

————————————————
原文链接：https://blog.csdn.net/StoneG_G/article/details/85328865