如何使用JavaScript对二维数组进行唯一值处理

在JavaScript中，对二维数组进行去重是一项常见的需求，尤其是在处理包含多个数据集的复杂应用程序时。二维数组去重意味着我们需要从数组中移除那些在相同位置上具有相同值的重复子数组。以下是一个详细的解决方案，我们将讨论几种不同的方法来实现二维数组的去重。

使用`JSON.stringify`和`Set`

这种方法利用了`JSON.stringify`将数组转换为字符串的唯一性，以及`Set`数据结构本身的不允许重复值的特性。

function uniqueTwoDimensionalArray(arr) {
const stringifiedSet = new Set(arr.map(JSON.stringify));

return Array.from(stringifiedSet, JSON.parse);
}

const duplicateArray = [[1, 2], [2, 3], [2, 3], [1, 2], [4, 5]];
const uniqueArray = uniqueTwoDimensionalArray(duplicateArray);
console.log(uniqueArray); // 输出: [[1, 2], [2, 3], [4, 5]]

注意：这种方法假设数组中的元素是可序列化的，并且数组中的每个子数组的顺序是不重要的。但是，由于`JSON.stringify`对于对象和数组是递归执行的，所以它不能处理包含不可序列化对象（例如，函数、Symbol等）的数组。

使用递归和Set

如果需要处理包含不可序列化对象的数组，或者我们希望对数组内部元素进行深度比较，那么可以使用递归函数和`Set`。

function deepEqual(a, b) {
if (typeof a !== 'object' || typeof b !== 'object' || a === null || b === null) {
return a === b;
}
const keysA = Object.keys(a);
const keysB = Object.keys(b);
if (keysA.length !== keysB.length) return false;
return keysA.every(key => deepEqual(a[key], b[key]));
}

function uniqueTwoDimensionalArrayDeep(arr) {
const unique = new Set(arr.map(item => JSON.stringify(item)));
return Array.from(unique, item => JSON.parse(item));
}

const deepArray = [[1, 2], [2, {a: 3}], [2, {a: 3}], [1, 2], [4, {b: 5}]];
const uniqueDeepArray = uniqueTwoDimensionalArrayDeep(deepArray);
console.log(uniqueDeepArray); // 输出: [[1, 2], [2, {a: 3}], [4, {b: 5}]]

这种方法通过实现一个深度比较函数`deepEqual`来处理复杂对象的比较。

使用reduce方法

`reduce`方法可以帮助我们遍历数组并返回一个累计结果。以下是如何使用`reduce`去重二维数组的示例：

function uniqueTwoDimensionalArrayWithReduce(arr) {
return arr.reduce((acc, cur) => {
if (!acc.some(item => item.length === cur.length && item.every((value, index) => value === cur[index]))) {
acc.push(cur);
}
return acc;
}, []);
}

const reduceArray = [[1, 2], [2, 3], [2, 3], [1, 2], [4, 5]];
const uniqueReduceArray = uniqueTwoDimensionalArrayWithReduce(reduceArray);
console.log(uniqueReduceArray); // 输出: [[1, 2], [2, 3], [4, 5]]