Lodash源码阅读-assocIndexOf

Lodash 源码阅读-assocIndexOf

概述

assocIndexOf 是 Lodash 内部使用的辅助函数,用于在键值对数组中查找指定键所在的索引位置。它是 ListCache 缓存实现的核心查找函数,提供了高效的键查找功能。

前置学习

  • eq:判断两个值是否相等的辅助函数,使用 SameValueZero 算法实现

技术知识:

  • JavaScript 数组的遍历
  • JavaScript 中的相等性比较
  • SameValueZero 算法

源码实现

javascript 复制代码
/**
 * Gets the index at which the `key` is found in `array` of key-value pairs.
 *
 * @private
 * @param {Array} array The array to inspect.
 * @param {*} key The key to search for.
 * @returns {number} Returns the index of the matched value, else `-1`.
 */
function assocIndexOf(array, key) {
  var length = array.length;
  while (length--) {
    if (eq(array[length][0], key)) {
      return length;
    }
  }
  return -1;
}

实现思路

assocIndexOf 函数的实现思路非常直接:

  1. 从数组的末尾向前遍历
  2. 对于每个元素,比较其第一个值(键)是否与目标键相等
  3. 如果找到匹配项,立即返回当前索引
  4. 如果遍历完整个数组都没有找到匹配项,返回 -1 表示未找到

函数使用 eq 函数进行键的比较,这确保了正确处理特殊情况(如 NaN)。

源码解析

函数接收两个参数:

  • array: 要搜索的键值对数组,每个元素都是 [key, value] 形式
  • key: 要查找的键

让我们详细解析实现:

  1. var length = array.length;: 获取数组的长度。

  2. while (length--) { ... }: 从数组末尾向前遍历。每次迭代会先使用当前值,然后将 length - 1。这种从后向前遍历的方式是一种常见的优化技巧,因为通常最近添加的元素更可能被查找(利用了时间局部性原理)。

  3. if (eq(array[length][0], key)) { ... }:

    • array[length] 获取当前位置的键值对 [key, value]
    • array[length][0] 获取这个键值对的键
    • eq(array[length][0], key) 使用 eq 函数比较当前元素的键与目标键是否相等
  4. return length;: 如果找到匹配项,立即返回当前索引。

  5. return -1;: 如果遍历完整个数组都没有找到匹配项,返回 -1 表示未找到。

例如:

javascript 复制代码
const arr = [
  ["name", "John"],
  ["age", 30],
  ["city", "New York"],
];
assocIndexOf(arr, "age"); // 返回 1
assocIndexOf(arr, "gender"); // 返回 -1

应用场景

assocIndexOf 在 Lodash 内部主要用于 ListCache 缓存实现中,是其核心查找机制。它在以下场景中被使用:

  1. ListCache.has(key): 检查缓存中是否存在特定键
  2. ListCache.get(key): 获取特定键的值
  3. ListCache.set(key, value): 设置或更新键值对
  4. ListCache.delete(key): 删除指定键的键值对

总结

assocIndexOf 是一个简单而高效的数组查找函数,通过从后向前遍历实现键的快速查找。它具有以下特点:

  1. 简单高效:代码简洁,实现直观,性能良好
  2. 反向遍历:利用时间局部性原理,从数组末尾向前查找,优化常见使用场景
  3. 健壮处理:通过 eq 函数处理各种相等情况,包括 NaN 的正确处理

从设计角度看,我们可以学习到:

  1. 职责单一:函数只负责在数组中查找键,不处理其他逻辑
  2. 封装复杂度:将键的比较逻辑封装在 eq 函数中,简化主函数实现
  3. 优化常见情况:通过反向遍历优化最常见的访问模式

在实际开发中,我们也可以参考这种实现方式,为自定义的数据结构提供高效的查找机制。甚至在处理简单的键值数据时,这种数组实现对于小数据量可能比 Map 或对象更高效。

相关推荐
risc1234563 分钟前
所有“能调用大模型”的框架分类
java·服务器·前端
ZC跨境爬虫8 分钟前
模块化烹饪小程序开发日记 Day1:项目初始化与模块化目录设计
前端·javascript·ui·微信小程序·音视频
2601_9584925511 分钟前
Webmaster Notes: Deploying HTML5 Word Environments
前端·word·html5
冴羽yayujs11 分钟前
前端周报:Rolldown 1.0 正式发布、TanStack 遭遇史诗级供应链攻击、Bun 全面迁移至 Rust
前端·rust·前端开发·前端周报
带娃的IT创业者15 分钟前
Rewrite Bun in Rust:一次前端工具链的底层重构实践入门指南
前端·重构·rust·bun·运行时·前端工具链
戴西软件1 小时前
戴西软件入选2026年安徽省制造业数智化转型服务商名单
java·大数据·服务器·前端·人工智能
薛定猫AI2 小时前
【深度解析】从 Antigravity 更新看 Agent IDE 的工程化演进:权限、沙盒、MCP 与模型治理
前端·javascript·ide
漂流瓶jz9 小时前
总结CSS组件化演进之路:命名规范/CSS Modules/CSS in JS/原子化CSS
前端·javascript·css
踩着两条虫9 小时前
「AI + 低代码」的可视化设计器
开发语言·前端·低代码·设计模式·架构
Jagger_10 小时前
项目上线忙碌结束之后,为什么总想找点事做?
前端