当前位置:首页 > JavaScript

js冒泡实现

2026-03-14 04:12:59JavaScript

js冒泡实现

冒泡排序实现

冒泡排序是一种简单的排序算法,通过重复地遍历要排序的数列,比较相邻的元素并交换它们的位置,使得较大的元素逐渐“浮”到数列的末端。

js冒泡实现

基本实现步骤

  1. 外层循环控制遍历的轮数,每一轮会将当前未排序部分的最大元素移动到正确位置。
  2. 内层循环负责比较相邻元素,如果前一个元素比后一个元素大,则交换它们的位置。
  3. 每一轮遍历后,最大的元素会被移动到数组末尾,因此下一轮遍历可以减少一个元素的比较。
function bubbleSort(arr) {
  const n = arr.length;
  for (let i = 0; i < n - 1; i++) {
    for (let j = 0; j < n - i - 1; j++) {
      if (arr[j] > arr[j + 1]) {
        // 交换相邻元素
        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
      }
    }
  }
  return arr;
}

优化版本

可以通过添加标志位来优化冒泡排序,当某一轮遍历中没有发生任何交换时,说明数组已经有序,可以提前终止排序。

function optimizedBubbleSort(arr) {
  const n = arr.length;
  let swapped;
  for (let i = 0; i < n - 1; i++) {
    swapped = false;
    for (let j = 0; j < n - i - 1; j++) {
      if (arr[j] > arr[j + 1]) {
        [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
        swapped = true;
      }
    }
    if (!swapped) break;
  }
  return arr;
}

时间复杂度分析

  • 最坏情况时间复杂度:O(n²),当数组是逆序时。
  • 最好情况时间复杂度:O(n),当数组已经有序时(优化版本)。
  • 平均时间复杂度:O(n²)。

冒泡排序是一种稳定的排序算法,适合小规模数据的排序。对于大规模数据,更高效的排序算法如快速排序或归并排序更为适用。

标签: js
分享给朋友:

相关文章

js实现轮播

js实现轮播

实现轮播图的基本思路 轮播图的核心逻辑是通过定时切换展示的图片或内容,通常结合左右滑动按钮和指示器(小圆点)增强交互性。以下是基于原生JavaScript的实现方法。 HTML结构 构建轮播图的HT…

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <…

js 实现滚动

js 实现滚动

实现滚动的方法 使用 window.scrollTo() window.scrollTo() 方法可以滚动到文档中的特定位置。可以指定 x 和 y 坐标,或者使用平滑滚动的选项。 // 滚动到指定位…

js实现轮播代码

js实现轮播代码

基础轮播实现 使用HTML、CSS和JavaScript创建一个简单的轮播效果。HTML部分定义轮播容器和图片元素。 <div class="carousel"> <div c…