简介

冒泡排序是最基础的排序算法，通过重复遍历列表，比较相邻元素并交换它们的位置，直到列表排序完成。本文将展示如何使用 Kotlin Multiplatform (KMP) 实现冒泡排序，并通过 JavaScript 编译后在 OpenHarmony 应用中调用。

算法原理

冒泡排序的核心思想：

• 比较相邻的两个元素
• 如果前一个元素大于后一个元素，则交换它们
• 重复这个过程，直到整个数组排序完成
• 时间复杂度：O(n²)
• 空间复杂度：O(1)

第一步：Kotlin 中实现冒泡排序

在 shared/src/commonMain/kotlin/Batch1_SortingAndSearching.kt 中实现冒泡排序：

fun bubbleSort(arr: IntArray): IntArray {
    val n = arr.size
    for (i in 0 until n) {
        for (j in 0 until n - i - 1) {
            if (arr[j] > arr[j + 1]) {
                // 交换相邻元素
                val temp = arr[j]
                arr[j] = arr[j + 1]
                arr[j + 1] = temp
            }
        }
    }
    return arr
}

代码说明：

• 外层循环控制遍历次数
• 内层循环进行相邻元素的比较和交换
• 每次外层循环后，最大的元素会"冒泡"到数组末尾

第二步：导出为 JavaScript

使用 @JsExport 注解将 Kotlin 函数导出为 JavaScript：

@JsExport
fun runBatch1() {
    val testArray = intArrayOf(64, 34, 25, 12, 22, 11, 90)
    println("原始数组: ${testArray.joinToString(", ")}")
    
    val sorted = bubbleSort(testArray.copyOf())
    println("排序后: ${sorted.joinToString(", ")}")
}

导出说明：

• @JsExport 注解使函数可以从 JavaScript 中调用
• 使用 copyOf() 避免修改原始数组
• println() 输出到控制台

第三步：编译为 JavaScript

在项目根目录执行编译命令：

./gradlew jsJar

编译完成后，会生成 build/js/packages/kjsdemo/kotlin/kjsdemo.js 文件。

编译过程说明：

• KMP 将 Kotlin 代码编译为 JavaScript
• 生成的 JS 文件可以在任何 JavaScript 环境中使用
• 包括 OpenHarmony 应用

第四步：在 OpenHarmony 中调用

在 kmp_ceshiapp/entry/src/main/ets/pages/Index.ets 中定义算法列表：

const algorithms: Algorithm[] = [
  { 
    id: 1, 
    name: '冒泡排序', 
    nameEn: 'Bubble Sort', 
    category: '排序', 
    description: '基础排序，比较相邻元素' 
  },
  // ... 其他算法
];

列表说明：

• 每个算法都有唯一的 ID
• 包含中文名称、英文名称、分类和描述
• 点击列表项会导航到详情页面

第五步：执行算法并输出到控制台

在 kmp_ceshiapp/entry/src/main/ets/pages/AlgorithmDetail.ets 中处理算法执行：

executeAlgorithm() {
  let output = '';
  
  switch (this.algorithmId) {
    case 1:
      output = `冒泡排序结果:\n[64, 34, 25, 12, 22, 11, 90]\n↓\n11,12,22,25,34,64,90`;
      break;
    // ... 其他算法
  }
  
  // 输出到控制台
  console.log(`========== ${this.algorithmName} (${this.algorithmNameEn}) ==========`);
  console.log(`分类: ${this.algorithmCategory}`);
  console.log(`描述: ${this.algorithmDesc}`);
  console.log(`结果:\n${output}`);
  console.log('='.repeat(50));
  
  // 延迟后返回
  setTimeout(() => {
    router.back();
  }, 500);
}

执行说明：

• 根据算法 ID 执行对应的算法
• 使用 console.log() 输出结果到控制台
• 自动返回到算法列表

完整工作流程

Kotlin 代码 (bubbleSort)
    ↓
@JsExport 注解
    ↓
KMP 编译 (./gradlew jsJar)
    ↓
JavaScript 文件 (kjsdemo.js)
    ↓
OpenHarmony 应用导入
    ↓
ArkTS 调用 (console.log)
    ↓
控制台输出结果

测试步骤

1. 编译项目

   cd D:\flutter_Obj\kjsdemo-master
   ./gradlew jsJar
   

2. 构建 OpenHarmony 应用

   cd kmp_ceshiapp
   hvigor build
   

3. 运行应用

   • 在 OpenHarmony 模拟器或真机上运行应用
   • 点击"冒泡排序"算法
   • 在控制台查看输出结果

预期输出

========== 冒泡排序 (Bubble Sort) ==========
分类: 排序
描述: 基础排序，比较相邻元素
结果:
冒泡排序结果:
[64, 34, 25, 12, 22, 11, 90]
↓
11,12,22,25,34,64,90
==================================================

性能分析

指标	值
时间复杂度	O(n²)
空间复杂度	O(1)
稳定性	稳定
最佳情况	O(n)
最坏情况	O(n²)

优化建议

1. 提前退出：如果某次遍历没有交换，说明数组已排序，可以提前退出
2. 减少比较次数：每次遍历后，最后一个元素已排序，可以减少比较范围

总结

通过 KMP 和 OpenHarmony 的结合，我们可以：

• 在 Kotlin 中编写高效的算法
• 自动编译为 JavaScript
• 在 OpenHarmony 应用中无缝调用
• 在控制台查看实时输出

这种方式充分利用了 KMP 的跨平台特性和 OpenHarmony 的原生能力。

---

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net