当前位置 : 主页 > 网络编程 > JavaScript >

TypeScript调整数组元素顺序算法

来源:互联网 收集:自由互联 发布时间:2023-01-19
目录 前言 实现思路 实现代码 代码的可扩展性 测试用例 示例代码 总结 前言 有一个整数数组,我们想按照特定规则对数组中的元素进行排序,比如:数组中的所有奇数位于数组的前半
目录
  • 前言
  • 实现思路
  • 实现代码
    • 代码的可扩展性
  • 测试用例
    • 示例代码
      • 总结

        前言

        有一个整数数组,我们想按照特定规则对数组中的元素进行排序,比如:数组中的所有奇数位于数组的前半部分。

        本文将带大家实现这个算法,欢迎各位感兴趣的开发者阅读本文。

        实现思路

        我们通过一个实例来分析下:假设有这样一个数组:[2, 4, 5, 6, 7, 8, 9, 11],将奇数移动到最前面后,就是:[11, 9, 5, 7, 6, 8, 4, 2]。

        通过观察后,我们发现在扫描这个数组的时候,如果发现有偶数出现在奇数的前面, 就交换他们的顺序,交换之后就符合要求了。

        因此,我们可以维护两个指针:

        • 第一个指针初始化时指向数组的第一个数字,它只向后移动;
        • 第二个指针初始化时指向数组的最后一个数字,它只向前移动;

        在两个指针相遇之前,第一个指针总是位于第二个指针的前面。如果第一个指针指向的数字是偶数,并且第二个指针指向的数字是奇数,则交换这两个数字。

        接下来,我们来通过图来描述下上述例子交换指针的过程,如下所示:

        • 第一个指针永远指向偶数,如果不为偶数就向后移动;
        • 第二个指针永远指向奇数,如果不为奇数就向前移动;
        • 当两个指针各自指向的数都符合条件时,就交换两个元素的位置;
        • 交换完成后,重复上述步骤,直至两个指针相遇或者第一个指针位于第二个指针之后则代表问题已得到解决。

        实现代码

        有了思路之后,我们来看下实现代码,如下所示:

        export class AdjustArrayOrder {
          // 指向数组元素的两个指针:一个指向数组头部、一个指向数组尾部
          private begin = 0;
          private end = 0;
        
          // 调整数组中奇数与偶数元素的位置:奇数位于偶数前面
          reorderOddEven(arr: Array<number>): void {
            this.end = arr.length - 1;
            while (this.begin < this.end) {
              // 向后移动begin(转成二进制跟1做与运算,运算结果为0就表示为偶数),直至其指向偶数
              while (this.begin < this.end && (arr[this.begin] & 0x1) !== 0) {
                this.begin++;
              }
        
              // 向前移动end(转成二进制跟1做与运算,运算结果为1就表示为奇数),直至其指向奇数
              while (this.begin < this.end && (arr[this.end] & 0x1) === 0) {
                this.end--;
              }
        
              // begin指向了偶数,end指向了奇数
              if (this.begin < this.end) {
                // 交换两个元素的顺序
                [arr[this.begin], arr[this.end]] = [arr[this.end], arr[this.begin]];
              }
            }
            // 重置指针位置
            this.begin = 0;
            this.end = 0;
          }
        }

        代码的可扩展性

        如果数组中的元素不按照奇前偶后排列,我们需要将其按照大小进行划分,所有负数都排在非负数的前面,应该怎么做?

        聪明的开发者可能已经想到了方案:双指针的思路还是不变,我们只需修改内层while循环的的判断条件即可。

        这样回答没有问题,确实解决了这个问题,那么如果再改改题目,我们需要把数组中的元素分为两部分,能被3整除的数都在不能被3整除的数前面,应该怎么做?

        经过思考后,我们发现这个问题无论再怎么改变都有一个共同的部分:双指针的逻辑永远不会变。变化的只是判断条件,那么我们就可以把变化的部分提取成函数,当作参数让调用者传进来,这样就完美的解决了这个问题,也正是我们所提及的代码的可扩展性

        最后,我们来看下实现代码,如下所示:

          // 元素排序
          reorder(arr: Array<number>, checkFun: (checkVal: number) => boolean): void {
            this.end = arr.length - 1;
            while (this.begin < this.end) {
              // 向后移动begin
              while (this.begin < this.end && !checkFun(arr[this.begin])) {
                this.begin++;
              }
        
              // 向前移动end
              while (this.begin < this.end && checkFun(arr[this.end])) {
                this.end--;
              }
        
              // begin与end都指向了正确的位置
              if (this.begin < this.end) {
                // 交换两个元素的顺序
                [arr[this.begin], arr[this.end]] = [arr[this.end], arr[this.begin]];
              }
            }

        测试用例

        我们先来测试下奇数在偶数之前的函数处理代码能否正常执行,如下所示:

        const adjustArrayOrder = new AdjustArrayOrder();
        // 奇数在前
        const arr = [2, 4, 5, 6, 7, 8, 9, 11];
        adjustArrayOrder.reorderOddEven(arr);
        console.log(arr);

        执行结果如下所示:

        最后,我们来测试下reorder函数能否正常执行:

        • 负数在数组的最前面
        // 负数在前
        const checkMinusNumber = function (val: number) {
          return val > 0;
        };
        const arr = [2, 4, 5, 6, 7, -8, -10 - 12, -2];
        adjustArrayOrder.reorder(arr, checkMinusNumber);
        console.log(arr);

        • 能被3整除的数在数组的最前面
        const checkDivisible = function (val: number) {
          return val % 3 !== 0;
        };
        const arr = [2, 4, 5, 6, 3, 6, 9, 12];
        adjustArrayOrder.reorder(arr, checkDivisible);
        console.log(arr);

        示例代码

        文中所举代码的完整版请移步:

        • AdjustArrayOrder.ts
        • adjustArrayOrder-test.ts

        总结

        到此这篇关于TypeScript调整数组元素顺序算法的文章就介绍到这了,更多相关ts调整数组元素顺序内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联!

        上一篇:基于原生JS实现分页效果的示例代码
        下一篇:没有了
        网友评论