js判断比较数组是否相等

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呢?先弄清楚以下几点:
javascript包括两个不同类型的值:基本数据类型和引用数据类型。
基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象。
常见的基本数据类型:Number、String 、Boolean、Null和Undefined。

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

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

引用类型数据:也就是对象类型Object type,比如:Object、Array、Function、Data等。javascript的引用数据类型是保存在堆内存中的对象。
讲到这里应该理解为什么输出的是false了:因为数组是兑现,=操作符只能比较两个对象是否是同一个实例,也就是是否是同一个对象引用。目前JavaScript没有内置的操作符判断对象的内容是否相同。

那么该如何去判断数组是否相等呢?
有一种做法是将数组转换成字符串:

JSON.stringify(a1) === JSON.stringify(a2)
或
a1.toString() === a2.toString();

请不要使用这种方法!!!
这种方法在某些情况下是可行的,当两个数组的元素顺序相同且元素都可以转换成字符串的情况下确实可行。
这样的代码存有隐患,比如数字被转换成字符串,数字“1”和字符串“1”会被认为相等,可能造成调试困难,不推荐使用。

function isEqual (a, b) {
  const classNameA = toString.call(a)
  const classNameB = toString.call(b)
  // 如果数据类型不相等,则返回false
  if (classNameA !== classNameB) {
    return false
  } else {
    // 如果数据类型相等,再根据不同数据类型分别判断
    if (classNameA === '[object Object]') {
      for (let key in a) {
        if (!isEqual(a[key], b[key])) return false
      }
      for (let key in b) {
        if (!isEqual(a[key], b[key])) return false
      }
      return true
    } else if (classNameA === '[object Array]') {
      if (a.length !== b.length) {
        return false
      } else {
        for (let i = 0, len = a.length; i < len; i++) {
          if (!isEqual(a[i], b[i])) return false
        }
        return true
      }
    } else if (classNameA === '[object Function]') {
      return a.toString() === b.toString()
    } else {
      return Object.is(a, b)
    }
  }
}

const a = {
  arr: [1, true, {a: 6, arr: [9, 0, 6, [5, 9]]}],
  d: 0,
  obj: { d: 9, arr: [5000]},
  e: ()=>{},
  f: [0]
}

const b = {
  arr: [1, true, {a: 6, arr: [9, 0, 6, [5, 9]]}],
  d: 0,
  obj: { d: 9, arr: [5000]},
  e: ()=>{},
  f: [0]
}

console.log(isEqual(a, b))
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用JSON.stringify()方法将两个数组转换成字符串,然后再进行比较。例如: ``` function arraysEqual(arr1, arr2) { return JSON.stringify(arr1) === JSON.stringify(arr2); } ``` 这个函数会返回true如果两个数组相等,否则返回false。 ### 回答2: 在JavaScript中,判断两个数组是否相等可以使用循环遍历比较两个数组的每个元素。以下是一种可能的实现方式: 1. 首先,判断两个数组的长度是否相等,如果长度不相等,则这两个数组相等。可以使用`length`属性来获取数组的长度。 2. 如果两个数组长度相等,则可以进一步比较它们的每个元素。可以使用`for`循环来遍历数组。 3. 在循环中,逐个比较两个数组对应位置的元素是否相等。可以使用索引操作符`[]`来获取数组中的元素。 4. 如果在循环中找到不相等的元素,则可以判断两个数组相等,并立即返回`false`。 5. 如果循环结束后没有找到不相等的元素,则可以判断两个数组相等,并返回`true`。 以下是该方法的代码示例: ```javascript function arraysEqual(arr1, arr2) { if (arr1.length !== arr2.length) { return false; } for (let i = 0; i < arr1.length; i++) { if (arr1[i] !== arr2[i]) { return false; } } return true; } ``` 使用该方法,可以判断两个数组是否相等。例如,对于数组`[1, 2, 3]`和`[1, 2, 3]`,调用`arraysEqual`函数会返回`true`。而对于数组`[1, 2, 3]`和`[1, 2, 4]`,调用`arraysEqual`函数会返回`false`。 ### 回答3: 要判断两个数组是否相等,我们可以比较两个数组的长度是否相同。如果长度不同,那么这两个数组肯定不相等。如果长度相同,我们可以逐个比较数组中每个元素是否相同。 首先,我们可以使用`array1.length`和`array2.length`来比较两个数组的长度。如果长度不同,我们可以直接返回false,表示两个数组相等。 如果长度相同,我们可以遍历其中一个数组,使用`array1[i]`和`array2[i]`来比较每个位置上的元素。如果找到两个不相等的元素,我们可以直接返回false,表示两个数组相等。 如果遍历完所有元素没有找到不相等的元素,那么两个数组相等的,我们可以返回true表示两个数组相等。 下面是一个使用JavaScript实现的例子: ```javascript function arraysAreEqual(array1, array2) { if (array1.length !== array2.length) { return false; } for (var i = 0; i < array1.length; i++) { if (array1[i] !== array2[i]) { return false; } } return true; } // 使用例子 var a = [1, 2, 3]; var b = [1, 2, 3]; var c = [1, 2, 4]; console.log(arraysAreEqual(a, b)); // 输出true console.log(arraysAreEqual(a, c)); // 输出false ``` 这个例子中的`arraysAreEqual`函数接受两个数组作为参数,返回一个布尔值表示两个数组是否相等。在使用例子中,我们先定义了三个数组`a`、`b`和`c`,然后分别调用`arraysAreEqual`函数来比较它们是否相等。根据数组元素的不同,输出结果会不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值