如何识别一组数组输入中的输入值是否发生了更改

要识别一组数组输入中的输入值是否发生了更改，可以通过以下几种方法来实现：

基础概念

数组哈希：将数组转换为唯一的哈希值，通过比较哈希值来判断数组是否发生变化。
深度比较：逐个元素比较两个数组的内容，确保每个元素都相同。
引用比较：直接比较两个数组的内存地址，但这只能判断是否是同一个数组实例。

类型与应用场景

哈希方法：适用于需要频繁检查数组变化且对性能要求较高的场景。
深度比较：适用于需要精确知道哪些元素发生了变化的场景。
引用比较：适用于简单场景，比如确保操作的是同一个数组实例。

示例代码

以下是使用JavaScript实现上述三种方法的示例代码：

1. 数组哈希方法

function arrayHash(arr) {
    return arr.reduce((acc, val) => acc + JSON.stringify(val), '');
}

let originalArray = [1, 2, 3];
let currentHash = arrayHash(originalArray);

// 检查变化
function hasChanged(newArray) {
    return arrayHash(newArray) !== currentHash;
}

console.log(hasChanged([1, 2, 3])); // false
console.log(hasChanged([1, 2, 4])); // true

2. 深度比较方法

function deepEqual(a, b) {
    if (a === b) return true;
    if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) return false;
    let keysA = Object.keys(a), keysB = Object.keys(b);
    if (keysA.length !== keysB.length) return false;
    for (let key of keysA) {
        if (!keysB.includes(key) || !deepEqual(a[key], b[key])) return false;
    }
    return true;
}

let originalArray = [1, {a: 2}, 3];
let currentArray = [...originalArray];

// 检查变化
function hasChanged(newArray) {
    return !deepEqual(newArray, currentArray);
}

console.log(hasChanged([1, {a: 2}, 3])); // false
console.log(hasChanged([1, {a: 3}, 3])); // true

3. 引用比较方法

let originalArray = [1, 2, 3];
let currentRef = originalArray;

// 检查变化
function hasChanged(newArray) {
    return newArray !== currentRef;
}

console.log(hasChanged([1, 2, 3])); // false
console.log(hasChanged([1, 2, 4])); // true