前端冒泡排序算法【javaScript与vue通用】

尔滨丶陈春波

已于 2022-06-04 12:48:48 修改

阅读量360

点赞数

文章标签： javascript 前端 vue.js

于 2022-06-04 01:06:59 首次发布

陈春波

本文链接：https://blog.csdn.net/weixin_48337566/article/details/125117938

版权

剑阁峥嵘而崔嵬,一夫当关,万夫莫开 –‰

📌博主介绍

💒首页:水香木鱼

🛫专栏：前端算法

✍简介: 博主姓：陈，名：春波。花名 “水香木鱼”，星座附属 “水瓶座一枚” 来自于富土肥沃的"黑龙江省"-美丽的 “庆安小镇”

🔰 格言: 生活是一面镜子。你对它笑，它就对你笑；你对它哭，它也对你哭。

🔋 小目标: 成为 会设计、会开发的 “万能钥匙”

📝文章内容

✍ 一、主要代码

  <script>
  		//数组内容 目前是乱序
  		/*要求将数组内容，按照从小到大的顺序排列*/
        var bubblingArray = [0, 156, 29, 56, 73, 25, 18, 12]
        //冒泡函数
        function bubbling(bubblingArray) {
        	//循环原数组
            for (let i = 0; i < bubblingArray.length - 1; i++) {
                for (let j = 0; j < bubblingArray.length - 1 - i; j++) {
                	//条件判断
                    if (bubblingArray[j] > bubblingArray[j + 1]) {
                        let temp = bubblingArray[j + 1];
                        bubblingArray[j + 1] = bubblingArray[j];
                        bubblingArray[j] = temp
                    }
                }
            }
            return bubblingArray
        }
        bubbling(bubblingArray)
        console.log(bubblingArray);
    </script>

✍ 二、输出内容

在这里插入图片描述

✍ 三、源代码

<!--冒泡排序  从小到大顺序排列-->>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>水香木鱼-冒泡排序</title>
</head>

<body>
    <script>
        var bubblingArray = [0, 156, 29, 56, 73, 25, 18, 12]
        function bubbling(bubblingArray) {
            for (let i = 0; i < bubblingArray.length - 1; i++) {
                for (let j = 0; j < bubblingArray.length - 1 - i; j++) {
                    if (bubblingArray[j] > bubblingArray[j + 1]) {

                        let temp = bubblingArray[j + 1];
                        bubblingArray[j + 1] = bubblingArray[j];
                        bubblingArray[j] = temp
                    }
                }
            }
            return bubblingArray
        }
        bubbling(bubblingArray)
        console.log(bubblingArray);
    </script>
</body>

</html>