每日前端手写题--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值排序的时候,不一定要使用插入排序
相关推荐
new出一个对象1 小时前
uniapp接入BMapGL百度地图
javascript·百度·uni-app
你挚爱的强哥2 小时前
✅✅✅【Vue.js】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本
javascript·vue.js·jquery
y先森3 小时前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy3 小时前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu10830189113 小时前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿4 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡5 小时前
commitlint校验git提交信息
前端
虾球xz5 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇5 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒5 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript