JavaScript 中根据自定义规则排序二维数组

本文将介绍一种在 JavaScript 中根据二维数组的某一维度进行排序，并保持其他维度关联性的方法。通过“压缩”、“排序”和“解压缩”三个步骤，可以实现高效且灵活的排序需求，并附带代码示例和详细解释。

在 JavaScript 中，我们经常需要对数组进行排序。对于一维数组，sort() 方法可以轻松实现。但对于二维数组，如果需要根据其中一个维度进行排序，同时保持其他维度的关联性，则需要一些技巧。本文将介绍一种通用的解决方案。

问题描述

假设我们有一个二维数组 test_array = [[98, 6, 54, 32], [10, 20, 30, 40]]，我们希望根据 test_array[0] 的值从小到大排序，同时保持 test_array[1] 与 test_array[0] 的对应关系。期望的结果是 test[0] = [6, 32, 54, 98] 和 test[1] = [20, 40, 30, 10]。

立即学习“Java免费学习笔记（深入）”；

解决方案

解决这个问题的核心思路是将二维数组“压缩”成一个包含多个元组的一维数组，每个元组代表原始二维数组中相同索引位置的元素。然后对这个一维数组进行排序，最后再将排序后的结果“解压缩”回二维数组。

步骤 1：压缩 (Zip)

首先，我们需要将二维数组压缩成一个一维数组，其中每个元素都是一个元组，包含原始数组中对应位置的元素。

const test_array = [[98, 6, 54, 32], [10, 20, 30, 40]];

const zipped = test_array[0].map((_, idx) =>
  test_array.map((subarray) => subarray[idx])
);

console.log(zipped); // Output: [[98, 10], [6, 20], [54, 30], [32, 40]]

这段代码使用 map() 方法遍历 test_array[0]，并为每个索引 idx 创建一个包含 test_array 中所有子数组在 idx 位置元素的元组。

步骤 2：排序 (Sort)

序列猴子开放平台

具有长序列、多模态、单模型、大数据等特点的超大规模语言模型

0

查看详情

接下来，我们对压缩后的数组 zipped 进行排序。排序的依据是元组中的第一个元素，也就是原始数组 test_array[0] 的值。

zipped.sort((a, b) => a[0] - b[0]);

console.log(zipped); // Output: [[6, 20], [32, 40], [54, 30], [98, 10]]

这里使用了 sort() 方法和比较函数 (a, b) => a[0] - b[0]，确保按照元组中第一个元素的值从小到大排序。

步骤 3：解压缩 (Unzip)

最后，我们将排序后的 zipped 数组解压缩回二维数组的形式。

const result = zipped[0].map((_, idx) =>
  zipped.map((subarray) => subarray[idx])
);

console.log(result); // Output: [[6, 32, 54, 98], [20, 40, 30, 10]]

这段代码与压缩步骤类似，使用 map() 方法遍历 zipped[0]，并为每个索引 idx 创建一个包含 zipped 中所有子数组在 idx 位置元素的数组。

完整代码示例

const test_array = [[98, 6, 54, 32], [10, 20, 30, 40]];

// 压缩
const zipped = test_array[0].map((_, idx) =>
  test_array.map((subarray) => subarray[idx])
);

// 排序
zipped.sort((a, b) => a[0] - b[0]);

// 解压缩
const result = zipped[0].map((_, idx) =>
  zipped.map((subarray) => subarray[idx])
);

console.log(result); // Output: [[6, 32, 54, 98], [20, 40, 30, 10]]

注意事项

• 这种方法适用于需要根据二维数组的任意一个维度进行排序，并保持其他维度关联性的情况。
• 比较函数 (a, b) => a[0] - b[0] 可以根据实际需求进行修改，以实现不同的排序规则。 例如降序排列可以写成 (a, b) => b[0] - a[0]
• 如果二维数组的子数组长度不一致，可能会导致错误。在使用前需要确保数据结构的正确性。

总结

通过“压缩”、“排序”和“解压缩”三个步骤，我们可以灵活地对 JavaScript 中的二维数组进行排序，并保持数据的关联性。这种方法具有通用性，可以应用于各种需要排序二维数组的场景。 掌握这种技巧可以帮助我们更有效地处理复杂的数据结构，提高代码的可读性和可维护性。

以上就是JavaScript 中根据自定义规则排序二维数组的详细内容，更多请关注php中文网其它相关文章！