JavaScript数组浅比较仅检查引用是否相同，深比较则递归逐项比对内容；浅比较用===判断内存地址，同引用返回true，否则false；深比较需先验数组类型与长度，再遍历递归比对各元素。
JavaScript中数组对比时，浅比较只检查引用是否相同，深比较则逐项递归判断内容是否一致。
浅比较：只看是不是同一个数组
用 === 或 == 比较两个数组，实际比的是内存地址。即使内容完全一样，只要不是同一个数组实例，结果就是 false。
-
[1, 2, 3] === [1, 2, 3]→ false（两个独立数组） -
const a = [1, 2]; const b = a; a === b→ true（指向同一引用）
深比较：逐个元素递归比内容
需手动遍历数组长度、类型、每一项值。遇到嵌套数组或对象，要递归处理；基本类型直接比值，对象/数组继续深比。
- 先判断是否都为数组，且长度相等
- 遍历每个索引，对每一项做类型判断：
– 若都是基本类型（string/number/boolean/null/undefined），用 === 直接比
– 若其中一个是对象或数组，递归调用深比较函数 - 任一位置不等，立即返回 false；全部通过才返回 true
简单可靠的深比较实现示例
以下是一个轻量、可读性强的数组深比较函数（不依赖第三方库）：
立即学习“Java免费学习笔记（深入）”；
function deepEqual(a, b) {
if (a === b) return true;
if (!Array.isArray(a) || !Array.isArray(b)) return false;
if (a.length !== b.length) return false;
for (let i = 0; i < a.length; i++) {
if (Array.isArray(a[i]) && Array.isArray(b[i])) {
if (!deepEqual(a[i], b[i])) return false;
} else if (a[i] !== b[i]) {
return false;
}
}
return true;
}
注意：该版本不处理 NaN、对象、日期、正则 等复杂类型；如需完整支持，建议使用 lodash.isEqual 或自行扩展类型判断逻辑。
实际使用中的关键提醒
- 深比较性能开销明显，尤其在大数组或深层嵌套时，避免在高频渲染或循环中无节制调用
- JSON.stringify 对比是常见“取巧”方式，但有严重缺陷：
– 无法处理函数、undefined、Symbol、循环引用
– 对象属性顺序不同会导致误判（如{a:1,b:2}vs{b:2,a:1}） - 若只需比一层（如数组元素全是数字/字符串），可用
a.toString() === b.toString()快速替代，但要注意[1,2,3]和[12,3]会被误判为相等
