前端JS算法-冒泡排序

原理:相邻的数据进行两两比较,小数放在前面,大数放在后面,这样一趟下来,最小的数就被排在了第一位,第二趟也是如此,如此类推,直到所有的数据排序完成。

描述:

<1>比较相邻的元素。如果第一个比第二个大,就交换它们两个;

<2>对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数;

<3>针对所有的元素重复以上的步骤,除了最后一个;

<4>重复步骤1~3,直到排序完成。

javascript 复制代码
      var arr = [4, 23, 100, 9, 7, 49, 36, 57];

      for (var i = 0; i < arr.length - 1; i++) {
        //确定轮数
        for (var j = 0; j < arr.length - i - 1; j++) {
          //确定每次比较的次数
          if (arr[j] > arr[j + 1]) {
            let tem = arr[j];
            arr[j] = arr[j + 1];
            arr[j + 1] = tem;
          }
        }
         console.log("第" + i + "次排序" + arr);
      }
      console.log("最终排序:" + arr);

这段代码是一个冒泡排序算法的实现,用于将数组按升序排列。

冒泡排序的基本思想是从第一个元素开始,依次比较相邻的两个元素,如果顺序不对则交换它们,一轮比较下来,最大的元素会沉到最后一个位置。

/然后,对剩余的元素重复以上步骤,直到整个数组排序完成。

相关推荐
牧码岛几秒前
Web前端之JavaScrip中的Array、Object、Map和Set详解
前端·javascript·web·web前端
Bigger1 分钟前
😮‍💨 有了 AI 之后,我怎么感觉反而更累了?
前端·aigc·ai编程
Dxy12393102162 分钟前
HTML中使用Canvas动态图形渲染:解锁Web交互新维度
前端·html·图形渲染
西陵4 分钟前
如何实现 Claude 生成式 UI?一套可落地的工程方案
前端·人工智能·ai编程
FlyWIHTSKY4 分钟前
Vue 3 + 原生 CSS Float
前端·css·vue.js
Chat_zhanggong3456 分钟前
主推NT98336BG作用有哪些?
嵌入式硬件·算法
energy_DT10 分钟前
2026海上钻井平台可视化运维:红外热成像、超声波、AI视频巡检、数字孪生
前端
ONLYOFFICE10 分钟前
如何将 Word 集成到 Web 应用程序? 5 种方法详解与对比
前端·word·onlyoffice
533_12 分钟前
[pinia] vue3中监听pinia值的变化
前端·javascript·vue.js
一叶飘零晋14 分钟前
【(二)Electron 使用之常用技巧】
javascript·electron·ecmascript