0

0

JavaScript归并排序实现中的常见陷阱与优化

DDD

DDD

发布时间:2025-11-11 12:05:01

|

986人浏览过

|

来源于php中文网

原创

javascript归并排序实现中的常见陷阱与优化

本文旨在深入探讨JavaScript归并排序(Merge Sort)实现中常见的编程陷阱与优化策略。我们将详细分析索引处理、边界条件、整数除法以及数组拷贝等关键环节,通过具体代码示例揭示问题根源,并提供符合最佳实践的解决方案,帮助开发者构建高效、健壮的归并排序算法

归并排序概述

归并排序是一种基于分治思想的高效排序算法。它将一个无序数组递归地分成两半,直到每个子数组只包含一个元素(自然有序),然后将这些有序的子数组两两合并,最终得到一个完全有序的数组。其核心在于 merge 函数,负责将两个已排序的子数组合并成一个更大的有序数组。

常见实现陷阱与修正

在实现归并排序时,开发者常会遇到一些细节问题,尤其是在索引管理和数组元素拷贝方面。下面我们将逐一分析并提供解决方案。

1. 数组元素回写错误:merge 函数的最终拷贝

这是导致归并排序输出 undefined 值或错误结果的最常见问题之一。在 merge 函数中,将临时数组 temp 中的排序结果拷贝回原数组 arr 时,必须确保索引的正确对应关系。

立即学习Java免费学习笔记(深入)”;

错误示例:

// ... merge 函数内部
for (let i = left; i <= right; i++) {
    arr[i] = temp[i]; // 错误:直接使用 i 作为 temp 数组的索引
}

问题分析:temp 数组是从索引 0 开始填充的,而 arr 数组的待合并部分是从 left 索引开始的。因此,当 i 从 left 开始递增时,temp[i] 实际上访问的是 temp 数组中超出已填充范围的元素,或者错误地对应了 temp 数组中不属于当前合并段的元素。这会导致 arr 中相应位置被赋予 undefined 或其他错误值。

正确修正: 应该使用一个独立的索引来访问 temp 数组,或者通过 left + i 的方式将 temp 的相对索引映射到 arr 的绝对索引。

// ... merge 函数内部
// 假设 k 是 temp 数组中已填充元素的数量
for (let i = 0; i < k; i++) {
    arr[left + i] = temp[i]; // 正确:将 temp[0...k-1] 拷贝到 arr[left...left+k-1]
}

2. 中间点 mid 的计算

计算子数组的中间点 mid 时,应确保使用高效且正确的整数除法。

错误示例:

let mid = parseInt((right - left) / 2) + left; // 效率较低

问题分析: 使用 parseInt 和浮点除法 (right - left) / 2 是一种相对低效的方式,因为它涉及到浮点运算和字符串转换(虽然JavaScript引擎可能优化)。

正确修正: 在JavaScript中,使用位运算符 >> 1 可以实现高效的整数除以2操作。

let mid = left + ((right - left) >> 1); // 高效的整数除法

这种方式既简洁又高效,是处理二分查找或分治算法中中间点计算的推荐方法。

薏米AI
薏米AI

YMI.AI-快捷、高效的人工智能创作平台

下载

3. right 边界语义的一致性

在实现分治算法时,定义数组区间的 right 边界是“包含(inclusive)”还是“不包含(exclusive)”非常重要,并且必须在整个函数调用中保持一致。

原始代码的问题: 原始代码在 mergesort(arr, 0, n) 调用时,n 是数组的长度,这意味着 right 是一个不包含的边界(即 arr[n] 越界)。然而,在 mergesort 函数内部以及 merge 函数中,循环条件如 i 包含的边界。这种不一致性会导致部分元素未能被处理。

推荐的 right 边界语义:不包含(Exclusive) 更符合JavaScript等语言中数组切片操作(如 slice())的习惯,是将 right 定义为区间结束位置的下一个索引,即 [left, right)。

优点:

  • 区间长度可以直接通过 right - left 计算。
  • 循环条件通常使用
  • 递归调用 mergesort(arr, left, mid) 和 mergesort(arr, mid, right) 时,mid 自然成为第一个子数组的 right 边界和第二个子数组的 left 边界,逻辑清晰。

修正示例:

  • 初始调用: mergesort(arr, 0, arr.length);
  • 递归基准: if (right - left > 1)(当区间长度大于1时才需要排序)
  • merge 函数循环条件: while (i

4. merge 函数中剩余元素的处理

在 merge 函数中,当一个子数组的所有元素都被拷贝到 temp 数组后,另一个子数组可能还有剩余元素。这些剩余元素可以直接追加到 temp 数组的末尾,因为它们本身就是有序的。

原始代码:

for (; i <= mid; i++) { // 拷贝左边剩余
    temp[k] = arr[i];
    k++;
}
for (; j <= right; j++) { // 拷贝右边剩余
    temp[k] = arr[j];
    k++;
}

优化分析: 在 while (i

优化后的 merge 函数(结合 right 独占语义):

function merge(arr, left, mid, right) {
    let i = left, j = mid, k = 0, temp = [];
    while (i < mid && j < right) { // 注意这里是 < mid 和 < right
        if (arr[i] <= arr[j]) {
            temp[k++] = arr[i++];
        } else {
            temp[k++] = arr[j++];
        }
    }
    // 拷贝左边剩余元素(如果存在)
    while (i < mid) {
        temp[k++] = arr[i++];
    }
    // 注意:这里不需要显式拷贝右边剩余元素。
    // 因为如果右边有剩余,意味着左边已全部拷贝,
    // 且右边的剩余元素在主 while 循环中已按序处理。
    // 如果左边有剩余,那么右边所有元素都已经参与了比较并进入了 temp 数组。
    // 也就是说,在主循环和上面的 while(i < mid) 结束后,
    // temp 数组中已经包含了所有应合并的元素。

    // 将 temp 数组的元素拷贝回 arr 的对应位置
    for (i = 0; i < k; i++) {
        arr[left + i] = temp[i];
    }
}

完整的优化版归并排序代码

结合上述所有修正和优化,以下是一个符合最佳实践的JavaScript归并排序实现:

/**
 * 归并排序主函数
 * @param {Array} arr 要排序的数组
 * @param {number} left 子数组的起始索引 (包含)
 * @param {number} right 子数组的结束索引 (不包含)
 */
function mergesort(arr, left, right) {
    // 递归基准:当子数组长度小于等于1时,认为其已排序
    if (right - left > 1) {
        // 计算中间点,使用位运算进行高效整数除法
        let mid = left + ((right - left) >> 1);

        // 递归排序左半部分 [left, mid)
        mergesort(arr, left, mid);
        // 递归排序右半部分 [mid, right)
        mergesort(arr, mid, right);

        // 合并两个已排序的子数组
        merge(arr, left, mid, right);
    }
}

/**
 * 合并两个有序子数组
 * @param {Array} arr 原始数组
 * @param {number} left 左子数组的起始索引 (包含)
 * @param {number} mid 左子数组的结束索引 (不包含),同时是右子数组的起始索引 (包含)
 * @param {number} right 右子数组的结束索引 (不包含)
 */
function merge(arr, left, mid, right) {
    let i = left;  // 左子数组的当前指针
    let j = mid;   // 右子数组的当前指针
    let k = 0;     // 临时数组的当前指针
    let temp = []; // 临时数组,用于存放合并后的元素

    // 比较两个子数组的元素,将较小的放入 temp 数组
    while (i < mid && j < right) {
        if (arr[i] <= arr[j]) {
            temp[k++] = arr[i++];
        } else {
            temp[k++] = arr[j++];
        }
    }

    // 将左子数组中剩余的元素(如果有)拷贝到 temp 数组
    // 此时,右子数组的元素要么已全部拷贝,要么在主循环中已处理完毕
    while (i < mid) {
        temp[k++] = arr[i++];
    }

    // 注意:这里不需要额外的循环来处理右子数组的剩余元素。
    // 因为如果在主循环中左子数组先耗尽,那么右子数组的剩余元素已经按照顺序
    // 放入了 temp 数组。如果右子数组先耗尽,那么上面 while(i < mid) 会处理左边剩余。

    // 将 temp 数组中的排序结果拷贝回原始数组的对应位置
    for (let index = 0; index < k; index++) {
        arr[left + index] = temp[index];
    }
}

// 示例用法
let arr = [5, 3, 7, 2, 9, 12, 4];
console.log("原始数组:", arr); // 原始数组: [5, 3, 7, 2, 9, 12, 4]

mergesort(arr, 0, arr.length); // 调用归并排序,right 参数为 arr.length
console.log("排序后数组:", arr); // 排序后数组: [2, 3, 4, 5, 7, 9, 12]

总结与最佳实践

实现归并排序时,精确的索引管理是成功的关键。以下是一些重要的最佳实践:

  1. 统一 right 边界语义: 推荐将 right 参数定义为不包含的结束索引(即 [left, right) 区间),这与许多编程语言的内置切片操作保持一致,并简化了长度计算和循环条件。
  2. 正确的数组回写: 在 merge 函数中,将 temp 数组的内容拷贝回原数组时,务必使用正确的偏移量(例如 arr[left + index] = temp[index]),以避免数据错位或 undefined 值。
  3. 高效的中间点计算: 使用位运算符 >> 1 (left + ((right - left) >> 1)) 来计算 mid,相比 parseInt 更加高效和简洁。
  4. 精简的剩余元素处理: 在 merge 函数中,合并完成后,只需要一个循环来处理其中一个子数组可能剩余的元素,因为另一个子数组的元素必然已经全部处理完毕。
  5. 避免不必要的拷贝: 归并排序的效率瓶颈之一是内存拷贝。在实现 merge 函数时,应尽量减少不必要的元素移动,例如在 temp 数组填充完毕后,一次性将其拷贝回原数组。

通过遵循这些原则,可以编写出高效、准确且易于理解的归并排序实现。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

537

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

372

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

727

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

470

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

389

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

989

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

652

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

537

2023.09.20

ip地址修改教程大全
ip地址修改教程大全

本专题整合了ip地址修改教程大全,阅读下面的文章自行寻找合适的解决教程。

27

2025.12.26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号