JavaScript中使用==比较相等性：数组与字符串、数组间比较的疑问

这问题初看确实有点“反直觉”，但完全是JavaScript抽象相等运算符（==）的规则在起作用，咱们一步步拆解：

1. 为什么数组和字符串比较会返回true？ #

当你用==比较数组和字符串时，JavaScript会触发自动类型转换：数组会被调用默认的toString()方法转换成字符串。而数组的toString()行为就是把所有元素用逗号拼接起来，比如：

['Hydrogen', 'Helium', 'Lithium'].toString() 
// 结果就是 "Hydrogen,Helium,Lithium"

所以materials_1和materials_3（以及materials_2和materials_3）转换后的值完全一致，自然==返回true。

2. 为什么两个内容相同的数组比较会返回false？ #

在JavaScript里，数组属于引用类型。引用类型之间用==比较时，判断的不是内容是否相同，而是两个变量是否指向内存中的同一个对象。

你创建的materials_1和materials_2是两个独立的数组实例，它们在内存中占据不同的存储空间，哪怕内容完全一样，引用地址也不一样，所以materials_1 == materials_2会返回false。

补充：如果想比较数组内容是否相等怎么办？ #

如果要判断两个数组的内容是否一致，不能直接用==或===，可以试试这些方法：

• 用JSON.stringify转换后对比（适合无嵌套、无特殊类型元素的数组）：

  JSON.stringify(materials_1) === JSON.stringify(materials_2) // true
  

• 遍历数组元素逐一对比（更严谨，能处理复杂元素）：

  const arraysEqual = (arr1, arr2) => {
    if (arr1.length !== arr2.length) return false;
    return arr1.every((val, idx) => val === arr2[idx]);
  };
  arraysEqual(materials_1, materials_2); // true
  

内容的提问来源于stack exchange，提问作者L Y E S - C H I O U K H