J*aScript 中根据自定义规则排序二维数组

---

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

在 J*aScript 中，我们经常需要对数组进行排序。对于一维数组，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]。

解决方案

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

步骤 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)

SONIFY.io

设计和开发音频优先的产品和数据驱动的解决方案

75 查看详情

接下来，我们对压缩后的数组 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]
• 如果二维数组的子数组长度不一致，可能会导致错误。在使用前需要确保数据结构的正确性。

总结

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

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

# 并为  # 大区直播推广营销  # 克拉玛依营销推广全托管  # 甘肃公司的网站建设费用  # 柏乡本地网站建设报价  # 书籍营销推广案例  # 咸宁市网站建设运营商  # 綦江律师网站推广平台  # 新春营销怎么做推广活动  # 小农村seo  # 如何写案例网站推广方案  # 表单  # javascript  # 这段  # 遍历  # 第一个  # 组中  # 自定义  # 解压缩  # 递归  # 数据结构  # 排列  # 解压  # java 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 易车网官网直达入口 易车网在线登录入口  Sublime Text怎么关闭自动完成_Sublime禁用Auto Complete设置  如何在vscode中关闭it环境  POKI小游戏在线免费入口链接 POKI小游戏无下载秒玩玩  哈尔滨城市通昵称修改方法  Win10关闭UAC用户账户控制的方法 Win10降低安全提示等级【技巧】  食品生产用水只要符合国家规定的生活饮用水卫生标准就可以吗  申通快递物流信息查询 申通快递包裹状态追踪  sublime如何配置PHP开发环境_在sublime中运行与调试PHP代码  苹果电脑如何快速查看电池状态 苹果电脑电池信息快捷方法  英雄联盟争者留名活动介绍  微信注销后银行卡解绑了吗_微信注销后银行卡解绑状态  Apple Music无故扣费引质疑  《东方财富》条件单关闭方法  抖音火山版注销账号抖音会注销吗 抖音火山版与抖音账号注销关系  Flask 应用中图片动态更新与上传：实现客户端定时刷新与服务器端文件管理  快递物流路径揭秘  J*a列表元素格式化输出教程  pubmed数据库官方主页_pubmed学术论文查找官网直达  德邦物流在线查询系统 德邦快递货物运输追踪  多闪电脑版下载_多闪PC端模拟器使用  Lar*el 关联查询：同时筛选父表与子表数据的高效策略  win11怎么更改账户类型 Win11标准用户和管理员权限切换【教程】  AI图层蒙版怎么用_AI图层蒙版应用技巧与设计实例  飞飞漫画漫画阅读官网_飞飞漫画漫画阅读官网进入阅读  汽水音乐网页版登录 汽水音乐网页端官方入口  Win11便笺在哪打开 Win11桌面便笺（Sticky Notes）使用方法【详解】  《优志愿》修改手机号方法  mysql归档数据怎么导出为csv_mysql归档数据导出为csv文件的方法  c++如何实现一个简单的RPC框架_c++远程过程调用原理与实践  iPhone12是否要更新ios16  铁路12306买票怎么选双人铺 铁路12306卧铺分配规则说明  《桃源记2》资源采集攻略  韩剧圈正版官网入口_韩剧圈官方指定登录  《饿了么》拼好饭点外卖教程2025  CSS如何在页面中引入重置样式_使用Normalize.css或Reset.css统一浏览器默认样式  J*aScript二进制处理_ArrayBuffer与Blob  支付宝登录刷脸不是本人如何解决  Python自动化抓取GBGB赛狗比赛结果：日期范围与赛道筛选教程  之了课堂app做题入口  外媒评《燕云十六声》DIY载具新玩法：很像《塞尔达传说王国之泪》！  京东快递包裹信息查询入口 京东快递官方查询平台入口  米侠浏览器插件无法启用怎么办 米侠浏览器扩展兼容性修复  PHP utf8_encode 字符编码转换陷阱与解决方案  《大学搜题酱》官网地址登录  AngularJS动态内容中DOM元素查找的时序问题及$timeout解决方案  Magento 2 产品保存事件中安全更新属性的最佳实践  荣耀盒子应用管理技巧  包子漫画在线观看入口 包子漫画网正版全集链接  搜狗浏览器如何查找页面中的文字 搜狗浏览器Ctrl+F页面搜索功能 

 2025-10-24