javascript数组如何实现二分查找

javascript数组实现二分查找的核心是利用有序性不断减半搜索区间,1. 实现时需确保数组已排序,否则结果不正确;2. 使用left

javascript数组如何实现二分查找

JavaScript数组实现二分查找,核心在于利用数组的有序性,通过不断将搜索区间减半来快速定位目标元素。这个过程需要数组预先排好序,否则二分查找将无法给出正确结果。

javascript数组如何实现二分查找

解决方案

/** * 在一个已排序的JavaScript数组中执行二分查找。 * * @param {Array} arr - 必须是已排序的数字数组。 * @param {number} target - 要查找的目标值。 * @returns {number} 如果找到目标值,返回其在数组中的索引;否则返回 -1。 */function binarySearch(arr, target) {    let left = 0;    let right = arr.length - 1;    // 循环条件 left <= right 是关键,确保在只有1个元素时也能正确处理    while (left >> 1 比 Math.floor((left + right) / 2) 在某些语言中能避免溢出,        // 在JS里更多是习惯或微优化,Math.floor也完全没问题。        const mid = Math.floor((left + right) / 2);        // 检查中间元素是否是目标值        if (arr[mid] === target) {            return mid; // 找到目标,返回索引        }        // 如果中间元素小于目标值,说明目标在右半部分        if (arr[mid] < target) {            left = mid + 1; // 移动左边界到 mid 的右边        }        // 如果中间元素大于目标值,说明目标在左半部分        else {            right = mid - 1; // 移动右边界到 mid 的左边        }    }    // 循环结束仍未找到,说明目标不在数组中    return -1;}// 示例用法:const sortedNumbers = [1, 5, 8, 12, 13, 16, 20, 25, 30, 35, 40];console.log("查找 13:", binarySearch(sortedNumbers, 13)); // 期望输出: 4console.log("查找 7:", binarySearch(sortedNumbers, 7));   // 期望输出: -1console.log("查找 1:", binarySearch(sortedNumbers, 1));   // 期望输出: 0console.log("查找 40:", binarySearch(sortedNumbers, 40)); // 期望输出: 10console.log("查找 0:", binarySearch(sortedNumbers, 0));   // 期望输出: -1console.log("查找 45:", binarySearch(sortedNumbers, 45)); // 期望输出: -1

为什么JavaScript内置方法没有直接提供二分查找?

这确实是个有意思的问题。当我第一次接触到

Array.prototype.indexOf

Array.prototype.findIndex

时,我就在想,为什么不直接给我一个

binarySearch

呢?后来慢慢体会到,这背后其实是设计哲学和实际应用场景的考量。

首先,JavaScript数组天生是动态的,而且非常灵活,它不强制要求数组元素必须有序。而二分查找的核心前提就是数组必须有序。如果数组无序,你强行用二分查找,结果会是灾难性的,它会给你一个完全错误甚至误导性的结果。内置方法通常追求的是通用性和鲁棒性,一个需要特定前置条件的算法,如果直接内置,可能会让很多初学者掉坑里。

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

javascript数组如何实现二分查找

其次,对于很多小规模的数组操作,线性查找(

indexOf

这类)的性能开销其实并不大,甚至在某些情况下,由于CPU缓存和分支预测等底层优化,它可能比你手动实现一个二分查找还要快一点点,虽然理论复杂度更高。更何况,如果你为了使用二分查找而不得不先对一个无序数组进行排序(

sort()

方法),那么这个排序本身的复杂度通常是 O(N log N),远高于线性查找的 O(N) 和二分查找的 O(log N)。这意味着,如果你只查找一次,先排序再二分查找的总体成本,可能比直接线性查找还要高。

所以,JavaScript的设计者们可能觉得,既然二分查找的实现并不复杂,而且它有明确的使用场景(数据已排序且需要多次查找),那么把它作为一个需要开发者根据具体需求自行实现的算法,而不是一个内置方法,反而更合理。这样既避免了误用,也让开发者能更清晰地理解算法的适用范围。

javascript数组如何实现二分查找

实现二分查找时常见的陷阱与性能考量

在实际编写二分查找时,我踩过不少坑,也对它的性能有了更深的理解。

最大的陷阱,毫无疑问就是数组未排序。这个错误太常见了,有时候数据来源不是你直接控制的,或者某个环节出了问题,数组就乱了。一旦数据无序,二分查找就会变成一个“伪随机数生成器”,你根本不知道它会返回什么。所以,在调用二分查找前,务必确认你的数组是严格有序的。如果不是,你得先用

arr.sort()

处理一下,但记得,

sort()

默认是按字符串排序的,数字数组需要提供一个比较函数,比如

arr.sort((a, b) => a - b)

另一个常见的“小”陷阱是边界条件的判断

while (left <= right)

还是

while (left < right)

left = mid + 1

还是

left = mid

?这些细节决定了算法能否正确处理数组的第一个元素、最后一个元素,以及目标值不存在的情况。我个人偏爱

left <= right

的写法,因为它能更直观地覆盖到

left

right

指向同一个元素时的场景。

关于

mid

的计算,

Math.floor((left + right) / 2)

是最常见的。在一些其他语言中,

left + right

可能会导致整数溢出,所以会有

left + (right - left) / 2

这种写法。但在JavaScript中,数字都是双精度浮点数,溢出不是问题,所以

(left + right) / 2

然后

Math.floor

是完全安全的。不过,使用位运算

(left + right) >>> 1

确实能保证结果是整数,而且在某些JS引擎中可能略有性能优势,但对于大多数应用来说,这点差异可以忽略不计。

从性能角度看,二分查找的时间复杂度是 O(log N)。这意味着即使你的数组有数百万甚至数十亿个元素,查找也只需要非常少的步骤。比如,一个包含10亿个元素的数组,最多也就需要30次左右的比较(因为 2^30 约等于 10^9)。这与线性查找的 O(N) 形成了鲜明对比,后者可能需要10亿次比较。因此,对于大型数据集且需要频繁查找的场景,二分查找是性能的保证。

但正如前面提到的,这个 O(log N) 的优势是建立在数组已排序的基础上的。如果每次查找前都需要排序,那么总成本就会被排序的 O(N log N) 支配,二分查找的 O(log N) 就显得微不足道了。所以,二分查找最适合的场景是:数据只排序一次(或者本身就保持有序),然后进行多次查找。

如何将二分查找应用于更复杂的数据结构或场景?

二分查找的核心思想——“分而治之”,通过不断减半搜索空间来逼近目标——远不止应用于简单的数字数组。它是一种非常强大的思维模式,可以推广到许多看似复杂的问题。

比如说,你有一个包含对象的数组,每个对象都有一个

id

属性,并且这个数组是按

id

升序排列的。你现在想根据

id

查找某个对象。这时,二分查找依然适用,只是你的比较逻辑需要变一下:不再是

arr[mid] === target

,而是

arr[mid].id === targetId

。同理,

arr[mid].id < targetId

arr[mid].id > targetId

来调整

left

right

。这种场景在实际业务中非常常见,比如查找用户、商品等。

再进一步,有时候你可能需要找到目标值的第一个或最后一个出现位置。标准的二分查找只会返回它找到的任何一个匹配项的索引。如果你想找第一个,当

arr[mid] === target

时,你不能直接返回,而是记录下这个

mid

作为潜在答案,然后继续在左半部分搜索(

right = mid - 1

),看是否还有更早的匹配。同理,找最后一个出现位置时,则继续在右半部分搜索(

left = mid + 1

)。这稍微修改了循环内部的逻辑,但核心的二分思想不变。

甚至在一些非传统的“数组”上,二分查找的理念也能发光发热。比如,在二叉搜索树(Binary Search Tree, BST)中查找元素,其查找过程本质上就是一种二分查找:从根节点开始,如果目标值小于当前节点,就去左子树找;如果大于,就去右子树找。这和数组的二分查找逻辑异曲同工,只是数据结构从线性变成了树形。

更抽象一点,当你在解决一个问题,发现问题的解空间(所有可能的答案)是单调的(比如,某个属性随着某个参数的增大而增大或减小),并且你可以通过检查某个中间点来判断解在左半部分还是右半部分时,你就可以考虑使用二分查找来优化你的搜索过程。这在算法竞赛中非常常见,比如“在给定范围内寻找满足某个条件的最小值/最大值”这类问题,常常可以通过在答案的取值范围上进行二分查找来解决。

所以,二分查找不仅仅是一个算法,它更是一种解决问题的思维模式,一种高效利用有序性来缩小搜索范围的策略。掌握了它,你就能在很多地方找到它的影子,并将其灵活运用。

以上就是javascript数组如何实现二分查找的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1514804.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
JS如何实现斐波那契数列?递归和迭代比较
上一篇 2025年12月20日 08:42:04
js 如何使用toString将数组转为字符串
下一篇 2025年12月20日 08:42:14

相关推荐

  • 理解编程指令:当结果正确,但实现方式不符要求时

    本文探讨了在编程实践中,即使程序输出了正确的结果,但若其实现方式未能严格遵循既定指令,仍可能被视为“不正确”的问题。我们将通过具体示例,对比直接求和与累加求和两种实现策略,强调理解和遵守编程规范的重要性,以确保代码的健壮性、可维护性及符合项目要求。 在软件开发过程中,我们经常会遇到这样的情况:编写的…

    2026年5月10日
    000
  • Discord.py 交互按钮超时与持久化解决方案

    本教程旨在解决Discord.py中交互按钮在一段时间后出现“This Interaction Failed”错误的问题。我们将深入探讨视图(View)的超时机制,并提供通过正确设置timeout参数以及利用bot.add_view()方法实现按钮持久化的具体方案,确保您的机器人交互功能稳定可靠,即…

    2026年5月10日
    000
  • JS如何实现迭代器?迭代器协议

    JavaScript中实现迭代器需遵循可迭代协议和迭代器协议,通过定义[Symbol.iterator]方法返回具备next()方法的迭代器对象,从而支持for…of和展开运算符;该机制统一了数据结构的遍历接口,实现惰性求值,适用于自定义对象、树、图及无限序列等复杂场景,提升代码通用性与…

    2026年5月10日
    100
  • Golang使用Protobuf定义接口与消息格式

    Protobuf通过字段编号实现兼容性,新增字段可忽略、删除字段可保留编号,确保新旧版本互操作,支持服务独立演进。 在Golang项目中,利用Protobuf定义接口和消息格式,本质上是为服务间通信构建了一套高效、类型安全且跨语言的契约。它让数据结构清晰可见,RPC调用标准化,极大地简化了分布式系统…

    2026年5月10日
    000
  • 虫虫漫画直接进入官网入口_虫虫漫画网页版清爽版

    虫虫漫画直接进入官网入口_虫虫漫画网页版清爽版虫虫漫画直接进入官网入口_虫虫漫画网页版清爽版虫虫漫画直接进入官网入口_虫虫漫画网页版清爽版虫虫漫画直接进入官网入口_虫虫漫画网页版清爽版

    虫虫漫画官网入口为www.ccmh.com,用户可直接通过浏览器访问,支持多端适配与账号同步功能,界面简洁无广告,提供海量国漫、日漫、韩漫资源,涵盖恋爱、玄幻等热门题材,更新及时,支持多种阅读模式及离线缓存,阅读体验流畅。 虫虫漫画直接进入官网入口在哪里?这是不少网友都关注的,接下来由PHP小编为大…

    2026年5月10日 用户投稿
    100
  • HTML文档的基本结构是什么? 3分钟带你了解HTML文档基础框架

    html文档的基础结构由四部分组成:1. 声明,用于告知浏览器以html5标准模式解析页面,避免怪异模式导致的兼容性问题;2. 根元素,包裹整个文档内容,并可通过lang属性指定语言;3. 头部区域,包含元数据如设置字符编码、实现响应式布局、定义页面标题、引入css和favicon、加载脚本等;4.…

    2026年5月10日
    000
  • Android和iOS系统下,HTML+JS代码运行结果差异:为什么input宽度为0时,Android输入方向异常?

    Android和iOS系统HTML+JS代码运行差异分析:input宽度为0引发的Android输入方向异常 开发OTP输入组件时,我们发现一个有趣的现象:当input元素的宽度设置为0 (style=”width: 0;”)时,Android系统下的输入方向会异常,而iOS系统则正常工作。 移除w…

    2026年5月10日
    000
  • JavaScript设计原则_JavaScript可维护代码

    每个函数应只做一件事,如拆分数据处理与DOM操作,命名体现功能(如formatDate),长度控制在20行内;2. 使用清晰命名(如currentUser、isValid)减少注释依赖,关键逻辑注明“为什么”;3. 按功能模块化组织代码,如api.js处理请求,utils.js存放工具函数,使用im…

    2026年5月10日
    000
  • C++如何编译和链接_C++从源码到可执行文件的过程解析

    c++kquote>预处理展开宏和头文件,编译生成汇编代码,汇编转为机器码,链接合并目标文件与库生成可执行程序。 当你写完一段C++代码,比如一个简单的hello world程序,最终能运行起来,背后其实经历了一系列步骤:预处理、编译、汇编和链接。这个过程将人类可读的源码转换成机器可以执行的程…

    2026年5月10日
    000
  • Python继承中父类属性的初始化与访问策略

    本文深入探讨python面向对象编程中,子类如何正确初始化和访问父类属性。重点分析`super().__init__()`的工作原理,解释在继承链中参数传递的重要性,并提供通过子类构造函数传递参数的解决方案。此外,针对子类需要与特定父类实例交互的场景,文章还介绍了组合(composition)模式的…

    2026年5月10日
    000
  • javascript生命周期钩子是什么_组件有哪些关键阶段?

    JavaScript原生无生命周期钩子,这是Vue、React等框架为组件设计的机制;Vue按创建、挂载、更新、卸载四阶段提供对应钩子,React类组件有明确生命周期方法,函数组件则通过useEffect模拟,其核心价值在于精准控制执行时机以避免DOM操作错误和内存泄漏。 JavaScript 本身…

    2026年5月10日
    100
  • 如何根据当前月份动态排序 1-12 月?

    根据当前月份动态排序 1-12 月 想要实现根据当前月份动态排序 1-12 月,可以通过参考以下方法: 创建月份数组:首先,创建一个包含 1-12 月信息(如名称和值)的月份数组。获取当前月份:获取 javascript 中表示当前月份的数值(从 0 到 11)。重新排序月份数组:使用 javasc…

    2026年5月10日
    000
  • 解决PHP foreach循环中变量“继承”问题:理解与避免意外数据泄露

    本文探讨PHP foreach循环中一个常见的陷阱:当循环内部的数组或变量未被显式初始化时,其值可能会“继承”自上一次循环迭代,导致意外的数据泄露和逻辑错误。文章将深入分析这一现象的根源,并通过示例代码展示如何通过在每次迭代开始时正确初始化变量来解决此问题,确保代码行为的预期一致性。 引言:fore…

    2026年5月10日
    100
  • 为什么专注如此重要?

    在快节奏的数字时代,程序员能否保持专注直接影响着代码质量、项目进度和错误率。 高效专注,才能在开发过程中游刃有余。本文将分享一些实用技巧,助您提升编程专注力,高效完成任务。 专注力为何如此重要? 专注力是程序员的核心竞争力。编码需要高度集中,处理细节、逻辑和问题,稍一分神就可能导致错误百出,返工耗时…

    2026年5月10日
    300
  • HTML/CSS中链接与按钮的正确嵌套:避免文本超链接化与结构优化指南

    本教程旨在解决HTML中链接()与按钮(button)或类按钮元素嵌套不当导致非预期文本超链接化的问题。我们将通过修正标签的错误闭合,并推荐使用 等语义化元素作为链接内容并应用按钮样式,来创建功能正确、结构清晰且包含文本或图像的交互式按钮,从而提升页面的可维护性和用户体验。 在网页开发中,我们经常需…

    2026年5月10日
    000
  • JavaScript中逻辑AND运算符的语法陷阱解析

    本文深入探讨了javascript中逻辑and (`&&`) 运算符在特定场景下引发语法错误的原因。通过对比 `1 && {}` 和 `{} && 1` 两种表达式,揭示了javascript解析器对对象字面量 `{}` 的不同解释机制,特别是当 `{…

    2026年5月10日
    000
  • Go语言:检查预编译库的构建版本与平台信息

    本文详细介绍了如何利用go语言内置的`go tool pack`工具,从预编译的go静态库(`.a`文件)中提取其构建信息,包括go编译器版本、操作系统和cpu架构。当`go build`因库版本不匹配而失败时,此方法能帮助开发者准确诊断问题,确保构建环境与库的兼容性。 在Go语言的开发实践中,我们…

    2026年5月10日
    000
  • JavaScript中实时获取表单输入值:避免常见陷阱

    本教程深入探讨在javascript中如何正确地实时获取html表单输入框的值。许多开发者在初次尝试时可能遇到`alert`函数无法显示最新输入内容的问题,这通常是由于变量作用域和代码执行时机不当所致。文章将通过对比错误与正确的代码示例,详细解释其背后的原理,并提供最佳实践,确保您能够准确捕获用户在…

    2026年5月10日
    100
  • Angular mat-tab 高度自适应与布局优化指南

    本教程旨在解决Angular Material mat-tab组件在Flexbox布局中无法自动填充父容器高度的问题。文章将深入分析问题根源,并提供使用CSS深度选择器(::ng-deep)精确控制mat-tab-body-wrapper和mat-tab-body高度的解决方案,确保组件在指定布局下…

    2026年5月10日
    000
  • 如何理解C++中指针的类型决定了它如何解释内存

    指针的类型决定内存解释方式,包括读取字节数和算术运算步长。例如int读4字节,char读1字节,且p++按类型大小移动地址,确保数组正确遍历,编译器依类型生成访问指令,类型不同则数据解释结果不同,故指针类型至关重要。 在C++中,指针的类型决定了它如何解释所指向的内存,这主要体现在两个方面:一是每次…

    2026年5月10日
    000

发表回复

登录后才能评论
关注微信