专栏首页菜鸟前端工程师JavaScript学习笔记021-常用排序算法

JavaScript学习笔记021-常用排序算法

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

想要作为全栈工程师的梦想

任重而道远

node果然搭配起ajax

真是超级好用

再配上MongoDB

前端要独霸全球编程领域了吗

再加上pug

连html页面都能用后端数据来驱动

怎么看怎么觉得

前端发展的趋势

就是整合前端和后端

然后全部用js来实现效果啊

<!DOCTYPE html> <!-- 文档类型:标准html文档 -->

<html lang='en'> <!-- html根标签 翻译文字:英文 -->

<head> <!-- 网页头部 -->

<meat charset='UTF-8'/> <!-- 网页字符编码 -->

<meat name='Keywords' content='关键词1,关键词2'/>

<meat name='Description' content='网站说明'/>

<meat name='Author' content='作者'/>

<title>前端59期学员作业</title> <!-- 网页标题 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->

<style type='text/css'> /*内部样式表*/

</style>

</head>

<body> <!-- 网页主干:可视化区域 -->

<script>
/*
常用排序算法:
sort
冒泡排序
快速排序
选择排序
......
*/

/*
冒泡排序:
设置规则,循环次的从前往后(从后往前)两两比较,大(小)的一方向后(向前)交换位置,每次确定一个最大(最小)的数,直到排序完成
需要循环length - 1次
每次比较length - 1,length - 2...... (递减)次
*/
// 冒牌排序实例
for (let i = 0; i < length - 1; i++){ // 循环次数
for (let j = length - 1; j > i; j--){ // 每次交换位置次数
if (arr[j] > arr[j - 1]){ // 前一个数 > 后一个数,就交换位置
[arr[j], arr[j - 1]] = [arr[j - 1], arr[j]]; // 交换位置
}
}
}

/*
选择排序:
未排序部分初始为需要排序的数组,已排序部分初始为空,先从未排序部分找到一个最大(最小)值,放入已排序部分,然后依次再未排序部分找到最大(最小)值,放入已排序部分的前面(后面)
*/
// 选择排序实例
for (let i = 0; i < length -1; i++){ // 循环次数
let minIdx = i; // 记录未排序部分第一个参考物的序号
for (let j = i + 1; j < length; j++){ // 从第一个参考物后面的值开始进行比较的次数
if (arr[j] < arr[minIdx]){ //
minIdx = j; // 当未排序部分有比参考值小的值时,记录这个值的序号
}
}
[arr[i], arr[minIdx]] = [arr[minIdx], arr[i]]; // 内层循环结束时,minIdx的值就是未排序部分里的最小值
}

/*
插入排序:
提取出未排序部分的一个值作为已排序部分的初始值,然后依次从未排序部分最前面或后面拿出一个值从已排序部分的最前面(后面)开始依次比较,当未排序部分的这个值小于(大于)已排序部分的值时,插到已排序部分比较的值的前面(后面)
*/
// 插入排序实例
for (var i = 1; i < length; i++){ // 从第二个值开始循环次数
var c = arr[i]; // 记录未排序的值
for (var j = i - 1; j >= 0; j--){ // 未排序部分取出的一个值跟已排序部分所有值比较的次数
if (arr[j] > c){
arr[j + 1] = arr[j]; // 如果已排序部分的值大于未排序部分的值,就继续向前插入
} else {
break;
}
}
arr[j + 1] = c; // 循环结束后,插入排序的值
}

// 随机排序:洗牌排序方法
const random = ([a, b], c) => {
            let d = Math.floor(Math.random() * (b + 1 - a) + a);
            return d === c ? random([a, b], c) : d;
        }

        // 遍历标签
        for (let e = 0; e < 100; e++){
             arr.push(e);
        }
        const len = arr.length;
        console.log(arr);

        // 随机洗牌排序
        let len_1 = len - 1;

        for (let f = 0; f < len * 3; f++){
            let _f = f % len;
        
            // 正向洗牌
            let h = random([0, len_1], _f);
            [arr[_f], arr[h]] = [arr[h], arr[_f]];

            // 反向洗牌
            h = random([0, len_1], _f);
            [arr[len_1 - _f], arr[h]] = [arr[h], arr[len_1 - _f]];
        }


</script>

</body>

</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript学习笔记015-Promise0Async0try catch

    Mr. 柳上原
  • react-开发经验分享-自定义封装请求方法(二)

    Mr. 柳上原
  • react-开发经验分享-自定义封装请求方法(一)

    Mr. 柳上原
  • 《数据结构与算法之美》——冒泡排序、插入排序、选择排序

    当然,撇开这些业务场景,排序算法本身有一些自己的衡量指标,比如我们经常提到的复杂度分析。

    JackieZheng
  • 我去!GitHub 个人页还能这么玩?

    如果你此前一直有留意我们公众号的推送信息,那应该有看到我们在上个月推送的一篇文章《GitHub 内测新功能,准备往程序员社交方向发力?!》。

    GitHubDaily
  • Python+matplotlib绘制尼哥米德蚌线

    有一条定直线m,直线外一个定点O。定点与定直线的距离为a。过定点O作一条直线n与定直线m交于点P。在直线n上点P的两侧分别取到点P的距离为b的点Q和点Q'。那么...

    Python小屋屋主
  • python3使用ctypes在wind

    python3使用ctypes在windows中访问C和C++动态链接库函数示例 这是我们的第一个示例,我们尽量简单,不传参,不返回,不访问其他的动态链接库 一...

    py3study
  • D3DXCreateTexture

    HRESULT D3DXCreateTexture( __in LPDIRECT3DDEVICE9 pDevice, __in UINT...

    用户1624346
  • memcached安装与应用 原

    本次实验使用系统自带版本:memcached.x86_64 1.4.15-10.el7_3.1

    阿dai学长
  • Access参数查询(一)

    大家好前面分别介绍了选择查询中的汇总查询、重复项查询和不匹配项查询,本节将介绍参数查询。

    无言之月

扫码关注云+社区

领取腾讯云代金券