React Native中JavaScript数组去重排序的安卓与iOS性能差异原因

你的代码如下：

sortedData = [...new Set(citiesData.flatMap(item => item.cities))].sort((a, b) => a.localeCompare(b, 'en'))

出现Android端运行极慢（30秒）、iOS端快速返回的差异，核心原因在于以下几点：

• JS引擎实现差异
  iOS端默认使用JavaScriptCore（JSC）引擎，而Android端（尤其是React Native等跨平台场景）多采用V8或Hermes引擎。不同引擎对localeCompare的优化程度天差地别：JSC针对英文排序做了大量场景化优化，而Android端的引擎多采用通用Unicode排序逻辑，计算开销显著更高。

• localeCompare底层计算开销
  虽然指定了'en' locale，但localeCompare本身涉及复杂的语言排序规则（比如重音字符处理、大小写优先级等）。iOS的JSC对英文场景做了简化处理，而Android端的引擎每一次比较都要执行完整的规则校验。2000条数据排序需要约2万次比较，单次开销的微小差异会被放大成总耗时的巨大差距。

• 运行环境硬件资源限制
  Android设备硬件跨度极大，中低端机型的CPU、内存带宽远不如同价位iOS设备。localeCompare属于计算密集型操作，对硬件性能敏感度高，在资源不足的Android设备上，耗时会被进一步拉长。

• 数组内存布局的间接影响
  Set去重后生成的数组，在不同引擎中的内存存储方式不同。Android端的引擎可能未对字符串数组做连续内存优化，排序时频繁的内存访问会拖慢整体速度。

实用优化方案 #

• 替换localeCompare为基础字符串比较：如果仅需英文排序且无需处理特殊字符，直接用a > b ? 1 : a < b ? -1 : 0，性能会大幅提升；若需大小写不敏感，可先转小写再比较：a.toLowerCase() > b.toLowerCase() ? 1 : a.toLowerCase() < b.toLowerCase() ? -1 : 0。
• 提前预计算：如果citiesData不会频繁变动，在项目构建阶段就完成去重排序，避免运行时重复计算。
• 分段异步处理：若必须保留localeCompare，可将数组拆分成小批次异步处理，避免阻塞主线程导致界面卡顿。

内容的提问来源于stack exchange，提问作者Impact