每日前端手写题--day11

以下题目来自掘金等其它博客,但是问题的答案都是根据笔者自己的理解做出的。如果你最近想要换工作或者巩固一下自己的前端知识基础,不妨和我一起参与到每日刷题的过程中来,如何?

第11天要刷的手写题如下:

  1. 使用js实现选择排序
  2. 使用js实现插入排序
  3. 使用js实现希尔排序

下面是我自己写的答案:

1. 使用js实现选择排序

  • 原理:遍历数组,将搜索当前索引位置及之后的元素中的最小值,找到之后和当前索引位置的元素交换位置。
  • 简单来说就是:选择剩余数组中最小的值放到有序数组末尾。
  • 技巧:将数组元素交换过程和寻找剩余数组中最小元素的过程抽离成独立方法可以使整个过程更加清晰。
js 复制代码
function selectSort(source) {
    const _tmp = [...source];
    // 寻找指定区间之内的最小值对应的下标
    const findMinIndex = (start, end) => {
        let _curMin = _tmp[end];
        let _curMinIndex = end;
        for (let i = start; i <= end; i++) {
            if (_tmp[i] < _curMin) {
                _curMin = _tmp[i];
                _curMinIndex = i;
            }
        }
        return _curMinIndex;
    }
    // 交换数组两个元素
    const swap = (i, j) => {
        if (i === j) return;
        [_tmp[i], _tmp[j]] = [_tmp[j], _tmp[i]];
    }
    // 遍历,并且交换顺序
    for (let i = 0; i < _tmp.length; i++) {
        const _curMinIndex = findMinIndex(i, _tmp.length - 1);
        swap(i, _curMinIndex);
    }

    return _tmp;
}

const a = [0, 5, 36, 5, 6, 6, 58, 2, 3, 6]; // [0, 2, 3, 5, 5, 6, 6, 6, 36, 58]
console.log(selectSort(a));
  1. 使用js实现插入排序
  • 原理:将元素插入到已经存在的有序数组中去
  • 实现过程:遍历数组,将当前索引位置的元素插入到此索引位置之前的有序数组中去
  • 理解:假如现在遍历到的索引位置为n,则[0...n-1]已经是有数组了,对于n索引位置的元素x,遍历[0...n-1],找到x应该所在的位置p,将[p...n-1]的元素逐个向后移动,变成[p+1...n],然后将x放到p位置上。
  • 难点:p=0的情况的处理
js 复制代码
function insertSortClassic(source) {
    const _tmp = [...source];
    const _len = _tmp.length;

    for (let i = 1; i < _len; i++) {
        const current = _tmp[i]; // 当前待插入元素
        let j = i - 1; // 拟插入位置

        while (j >= 0 && _tmp[j] > current) {
            _tmp[j + 1] = _tmp[j]; // 元素后移
            j -= 1;
        }

        _tmp[j + 1] = current; // 插入当前元素到正确位置
    }

    return _tmp;
}

const b = [0, 5, 36, 5, 6, 6, 58, 2, 3, 6]; // [0, 2, 3, 5, 5, 6, 6, 6, 36, 58]
console.log(insertSort(b))

3. 使用js实现希尔排序

  • 捷径:改造插入排序算法,获得希尔排序算法
    *
    1. 引入gap,初始值为1;将原来插入排序中的所有1用gap替换
      1. 给原来插入排序和循环外面加一层循环(希尔排序的精髓所在)
      1. 将gap的初始值从1修改成数组长度的一半,直接从插入排序变成希尔排序
js 复制代码
function shellSort(source) {
   const _tmp = [...source];
   const _len = _tmp.length;
   let gap = _len >> 1; // 改动1

   while (gap) { // 改动2
       for (let i = gap; i < _len; i++) {
           const current = _tmp[i];
           let j = i - gap;
   
           while (j >= 0 && _tmp[j] > current) {
               _tmp[j + gap] = _tmp[j];
               j -= gap;
           }
   
           _tmp[j + gap] = current; 
       }
   
       gap = gap >> 1; // 改动3
   }


   return _tmp;
}

const c = [0, 5, 36, 5, 6, 6, 58, 2, 3, 6]; // [0, 2, 3, 5, 5, 6, 6, 6, 36, 58]
console.log(shellSort(c))

后记:虽然实现希尔排序基于插入排序,但是对于希尔排序本身还是需要掌握其原理的:

  • 希尔排序的实现过程:
    *
    1. 生成gap数列
      1. 对于每一个gap值排序
  • 误区:
    • 第二步对于每一个gap值排序的时候,不一定要使用插入排序
相关推荐
dualven_in_csdn1 小时前
搞了两天的win7批处理脚本问题
java·linux·前端
你的人类朋友2 小时前
✍️【Node.js程序员】的数据库【索引优化】指南
前端·javascript·后端
小超爱编程3 小时前
纯前端做图片压缩
开发语言·前端·javascript
应巅3 小时前
echarts 数据大屏(无UI设计 极简洁版)
前端·ui·echarts
Jimmy3 小时前
CSS 实现描边文字效果
前端·css·html
islandzzzz4 小时前
HMTL+CSS+JS-新手小白循序渐进案例入门
前端·javascript·css·html
Senar4 小时前
网页中如何判断用户是否处于闲置状态
前端·javascript
很甜的西瓜4 小时前
typescript软渲染实现类似canvas的2d矢量图形引擎
前端·javascript·typescript·图形渲染·canvas
Allen Bright4 小时前
【CSS-9】深入理解CSS字体图标:原理、优势与最佳实践
前端·css
阿芯爱编程5 小时前
最长和谐子序列,滑动窗口
前端·javascript·面试