Lodash源码阅读-sortedIndex

Lodash 源码阅读-sortedIndex

概述

sortedIndex 是个用来找位置的函数 ------ 给它一个已排序的数组和一个值,它会告诉你这个值应该插在数组的哪个位置,以保持数组的顺序。

这函数用了二分查找,所以速度很快,复杂度是 O(log n),处理大数组时比普通查找快多了。

前置学习

依赖函数

  • baseSortedIndex:真正干活的内部函数,实现了二分查找逻辑

技术知识

  • 二分查找算法:通过不断对半分割搜索范围来查找目标的方法
  • 数组有序性:理解数组元素排序的重要性以及如何维护有序状态

源码实现

javascript 复制代码
/**
 * Uses a binary search to determine the lowest index at which `value`
 * should be inserted into `array` in order to maintain its sort order.
 *
 * @static
 * @memberOf _
 * @since 0.1.0
 * @category Array
 * @param {Array} array The sorted array to inspect.
 * @param {*} value The value to evaluate.
 * @returns {number} Returns the index at which `value` should be inserted
 *  into `array`.
 * @example
 *
 * _.sortedIndex([30, 50], 40);
 * // => 1
 */
function sortedIndex(array, value) {
  return baseSortedIndex(array, value);
}

实现思路

sortedIndex 的实现超级简单,就一行代码 ------ 直接调用 baseSortedIndex 并返回结果。

这种设计把复杂的二分查找逻辑藏在内部函数中,而对外提供一个简单干净的接口。baseSortedIndex 函数会:

  1. 把搜索范围设为整个数组
  2. 取中间元素跟目标值比较
  3. 根据比较结果,缩小搜索范围到一半
  4. 不断重复,直到找到正确位置

源码解析

函数签名

函数接收两个参数:

  • array:已排序的数组
  • value:要插入的值

返回一个数字,表示应该插入的位置索引。

函数实现

javascript 复制代码
function sortedIndex(array, value) {
  return baseSortedIndex(array, value);
}

就这一行代码,相当于把活儿都交给了 baseSortedIndex 函数。

baseSortedIndex 在内部做了更多工作:

  • 针对数值类型做了优化,用位运算加速计算
  • 处理各种边界情况,如空数组、特殊值等
  • 确保返回值在有效范围内

总结

sortedIndex 虽然实现简单,但它解决了一个常见问题:高效地找到值应该插入的位置。从中我们可以学到:

  1. 简单接口,复杂实现分离

    • 对外提供简单函数
    • 内部实现细节隐藏在辅助函数中
  2. 算法选择的重要性

    • 用二分查找把时间复杂度从 O(n) 降到 O(log n)
    • 对大数据集来说,性能差距非常明显
  3. 实用工具函数设计

    • 只做一件事,但做得非常好
    • 可以组合使用解决更复杂的问题

这种小而精的函数正是 Lodash 受欢迎的原因 ------ 它们在日常开发中非常实用,而且性能上经过了优化。

相关推荐
Bolt8 小时前
用 pnpm 11 省掉项目里的 .nvmrc 与 .npmrc
前端·npm·node.js
猪猪聪明_V8 小时前
前端码农的本地项目启动器
前端·javascript
时光不负努力8 小时前
每天一个高级前端知识 - Day 21
前端
暗不需求8 小时前
前端性能优化 防抖与节流完全指南:从原理到最佳实践
前端·javascript·面试
@大迁世界8 小时前
45.什么是内联条件表达式(inline conditional expressions)?在事件处理里怎么用?
开发语言·前端·javascript·react.js·ecmascript
我胖虎不答应!!9 小时前
Three.js开发思想笔记
javascript·笔记·three.js
一颗趴菜9 小时前
微信小程序如何去下载PDF呢
前端·javascript
KaMeidebaby9 小时前
卡梅德生物技术快报|细菌 FISH 实验 + 流式细胞术:尿路感染活菌快速定量系统实现与数据验证
前端·数据库·其他·百度·新浪微博
昆曲之源_娄江河畔9 小时前
DBGridEh Footer的使用
前端·数据库·delphi·dbgrideh
廖松洋(Alina)9 小时前
02数据模型与单词仓库-鸿蒙PC端Electron开发
前端·华为·electron·开源·harmonyos·鸿蒙