JS如何实现跳表?跳表的插入和删除

跳表通过多层级链表和随机化层级设计,在平均情况下实现O(logN)的查找、插入和删除性能,其核心优势在于实现简单、并发性能好、缓存友好,且适用于有序数据的高效操作,常见于Redis有序集合等场景。

js如何实现跳表?跳表的插入和删除

跳表(Skip List)在JavaScript中实现,本质上是构建一个多层级的链表结构。它的核心思想是通过概率性地在不同层级维护有序的链表,从而在平均情况下实现对数时间复杂度的查找、插入和删除操作,性能上可以媲美平衡二叉搜索树,但在实现上却简单得多。它的插入和删除操作都依赖于先找到元素的位置,然后像操作普通链表一样调整指针,只不过这个过程需要在多个层级上同步进行。

解决方案

实现跳表,我们首先需要一个节点(Node)结构,它包含值、以及一个指向多层下一个节点的数组(

next

)。然后是跳表类本身,它管理着头节点、最大层级以及一个随机层级生成器。

class SkipListNode {    constructor(value, level) {        this.value = value;        // next是一个数组,存储指向不同层级下一个节点的引用        this.next = new Array(level + 1).fill(null);    }}class SkipList {    constructor(maxLevel = 16, probability = 0.5) {        this.maxLevel = maxLevel; // 跳表的最大层级        this.probability = probability; // 决定节点层级的概率因子        this.level = 0; // 当前跳表的最高层级        // 头节点,其值通常为null或-Infinity,用于简化边界处理        this.head = new SkipListNode(null, maxLevel);     }    // 随机生成新节点的层级    // 这是一个核心机制,决定了跳表的性能    randomLevel() {        let lvl = 0;        while (Math.random() < this.probability && lvl = 0; i--) {            while (current.next[i] && current.next[i].value  this.level) {            for (let i = this.level + 1; i <= newLevel; i++) {                update[i] = this.head;            }            this.level = newLevel; // 更新跳表的最高层级        }        // 创建新节点        const newNode = new SkipListNode(value, newLevel);        // 调整指针,将新节点插入到相应的位置        for (let i = 0; i = 0; i--) {            while (current.next[i] && current.next[i].value < value) {                current = current.next[i];            }            update[i] = current; // 记录下当前层的前一个节点        }        // 检查要删除的节点是否存在        current = current.next[0];        if (!current || current.value !== value) {            // console.log(`Value ${value} not found.`);            return false;        }        // 调整指针,跳过要删除的节点        for (let i = 0; i  0 && this.head.next[this.level] === null) {            this.level--;        }        return true;    }    // 查找操作(通常也会实现,但这里不作为重点)    search(value) {        let current = this.head;        for (let i = this.level; i >= 0; i--) {            while (current.next[i] && current.next[i].value = 0; i--) {            let current = this.head.next[i];            let levelStr = `Level ${i}: Head -> `;            while (current) {                levelStr += `${current.value} -> `;                current = current.next[i];            }            levelStr += "NULL";            console.log(levelStr);        }    }}// 示例用法:// const skipList = new SkipList();// skipList.insert(3);// skipList.insert(6);// skipList.insert(7);// skipList.insert(9);// skipList.insert(12);// skipList.insert(1);// skipList.print();// console.log("Searching for 7:", skipList.search(7)); // true// console.log("Searching for 5:", skipList.search(5)); // false// skipList.delete(7);// skipList.print();// console.log("Searching for 7 after deletion:", skipList.search(7)); // false// skipList.delete(1);// skipList.print();// skipList.delete(100); // Value 100 not found.

跳表为什么能比平衡树更快?它的核心优势在哪里?

对我来说,跳表最吸引人的地方,是它在实现复杂度和性能之间的那种微妙平衡。我们都知道,平衡二叉搜索树(比如红黑树、AVL树)在理论上提供了严格的O(logN)性能保证,但它们的实现,尤其是插入和删除后的“旋转”和“着色”操作,那真的是相当烧脑,调试起来更是痛苦。相较之下,跳表的核心优势就在于它的概率性结构和实现上的简洁性

首先,实现难度大大降低。跳表不需要复杂的平衡算法。插入时,你只需要通过一个简单的随机函数来决定新节点的层级,然后像操作链表一样插入;删除时也类似,找到节点后直接调整指针即可。这种“简单粗暴”的方式,在工程实践中意味着更少的bug、更快的开发周期。我个人就觉得,与其花大量时间去搞懂红黑树的各种旋转规则,不如用跳表,效率上差不太多,但省心太多了。

其次,并发性能上的潜在优势。在多线程或并发环境下,跳表在某些操作上表现得比平衡树更好。因为它的结构是多层链表,在进行插入或删除时,往往只需要锁定少量相关的节点,而不是像平衡树那样可能需要对整个子树进行复杂的全局性调整。这种局部性锁定的特性,使得跳表在并发数据结构的设计中非常受欢迎,比如Redis的Sorted Set就是基于跳表实现的。

此外,缓存友好性也是一个不容忽视的优点。跳表的节点在内存中通常是连续的,或者至少比二叉树的节点分布更线性。这有助于CPU缓存的命中率,因为处理器在访问数据时,往往会预取相邻的数据。虽然这不总是绝对的优势,但在某些场景下,它确实能带来实际的性能提升。平衡树的节点可能散落在内存的各个角落,导致更多的缓存未命中。

最后,虽然是概率性的,但跳表在平均情况下的性能是非常可靠的O(logN)。只要随机函数足够好,你几乎可以总是获得与平衡树相媲美的性能。这种“足够好”的随机性,对于大多数应用场景来说已经足够了。

在实际项目中,跳表有哪些常见的应用场景?

跳表虽然不如哈希表或平衡树那么“家喻户晓”,但在一些特定领域,它可是实实在在的“幕后英雄”。它简洁高效的特性,让它在需要有序数据且对插入/删除性能有较高要求的场景下,显得格外有用。

最典型的应用,莫过于数据库索引。比如,大名鼎鼎的Redis,它的有序集合(Sorted Set)就是通过跳表来实现的。有序集合需要支持快速地按分数范围查询、添加、删除元素,并且能按序遍历。跳表完美契合了这些需求:查找、插入、删除都是对数时间复杂度,同时还能高效地进行范围查询(因为数据在每一层都是有序的)。这比使用哈希表(无法保持顺序)或单纯的链表(查找慢)要高效得多。

除了数据库,并发数据结构也是跳表大展拳脚的地方。正如前面提到的,跳表的局部性锁定优势,使得它非常适合构建无锁(lock-free)或读写锁(read-write lock)优化的并发数据结构。在高性能计算、高并发服务中,如果需要一个有序的集合,并且要处理大量的并发读写请求,跳表会是一个非常好的选择。它能够减少线程间的竞争,提高系统的吞吐量。

再往深一点看,一些网络路由表的实现也可能借鉴跳表的思想。路由表需要快速查找IP地址对应的下一跳,并且路由规则可能会动态添加或删除。跳表的多层级结构和高效的查找能力,使其在处理这种有序查找和更新的场景时具有优势。

甚至在一些内存管理垃圾回收算法中,如果需要维护一个有序的空闲内存块列表,跳表也可以用来高效地管理这些内存块,以便快速分配和回收。

总结来说,只要你的项目需要一个能够快速查找、插入、删除,并且数据需要保持有序的数据结构,同时你又希望实现起来相对简单,或者对并发性能有较高要求,那么跳表就非常值得考虑。它不像那些“万金油”的数据结构,但它在自己的“舒适区”里,表现是相当出色的。

实现跳表时,有哪些常见的“坑”或者需要特别注意的技术细节?

实现跳表,虽然整体上比平衡树简单,但它也有一些自己的“脾气”和需要注意的细节,不然一不小心就会踩坑。我自己在写的时候,就遇到过一些小问题,值得拿出来聊聊。

首先,随机层级生成器的质量至关重要。跳表的性能在很大程度上依赖于这个随机性。如果你的随机函数不够“随机”,或者概率因子设置不合理,可能会导致跳表退化成普通链表(所有节点都在第一层),或者层级过高(浪费内存)。通常我们用

Math.random() < probability

来决定是否增加层级,这个

probability

(通常是0.5)需要根据实际情况和经验来设置。如果这个概率太低,节点层级普遍不高,跳表会比较“扁”,查找性能可能受影响;如果太高,节点层级普遍很高,虽然查找快,但内存开销会变大。

其次,

update

数组的正确使用是插入和删除操作的关键。这个数组在查找过程中,记录了每一层需要更新的“前驱节点”。在插入时,新节点要插入到

update[i]

update[i].next[i]

之间;在删除时,

update[i].next[i]

需要跳过被删除的节点,直接指向被删除节点的下一个节点。如果这里处理不当,比如数组索引越界,或者指针链断裂,整个跳表就可能崩溃。尤其是在新节点的层级高于当前跳表最高层级时,

update

数组中超出原

level

的部分,其前驱节点都应该是

head

,这个细节很容易被忽略。

还有一个小点,就是头节点(

head

)的处理。我通常会给头节点一个

null

-Infinity

的值,并且它的层级设置为

maxLevel

。这样做的好处是,头节点总是在所有元素的“前面”,并且它的

next

数组总是有足够的空间来容纳指向最高层级节点的指针。这样可以避免在处理边界情况时写出很多额外的判断逻辑,代码会显得更简洁。

最后,删除操作后最高层级的维护。当你删除一个节点后,如果这个节点恰好是某个层级的唯一节点,或者它被删除后导致最高层级变得空荡荡(

head.next[this.level]

变成了

null

),那么你需要适时地降低跳表的

this.level

。这虽然不是性能上的大问题,但可以避免跳表维持过高的空层级,节省一点内存,也让结构看起来更“紧凑”。不处理这个,跳表也能正常工作,但从“工程美学”上讲,稍微有些不完美。

这些细节,看似微不足道,但在实际编码中,它们往往是导致bug或者让代码变得晦涩难懂的罪魁祸首。理解并正确处理它们,才能真正发挥跳表的优势。

以上就是JS如何实现跳表?跳表的插入和删除的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 11:01:37
下一篇 2025年12月20日 11:01:49

相关推荐

  • CSS mask属性无法获取图片:为什么我的图片不见了?

    CSS mask属性无法获取图片 在使用CSS mask属性时,可能会遇到无法获取指定照片的情况。这个问题通常表现为: 网络面板中没有请求图片:尽管CSS代码中指定了图片地址,但网络面板中却找不到图片的请求记录。 问题原因: 此问题的可能原因是浏览器的兼容性问题。某些较旧版本的浏览器可能不支持CSS…

    2025年12月24日
    900
  • SASS 中的 Mixins

    mixin 是 css 预处理器提供的工具,虽然它们不是可以被理解的函数,但它们的主要用途是重用代码。 不止一次,我们需要创建多个类来执行相同的操作,但更改单个值,例如字体大小的多个类。 .fs-10 { font-size: 10px;}.fs-20 { font-size: 20px;}.fs-…

    2025年12月24日
    000
  • 为什么设置 `overflow: hidden` 会导致 `inline-block` 元素错位?

    overflow 导致 inline-block 元素错位解析 当多个 inline-block 元素并列排列时,可能会出现错位显示的问题。这通常是由于其中一个元素设置了 overflow 属性引起的。 问题现象 在不设置 overflow 属性时,元素按预期显示在同一水平线上: 不设置 overf…

    2025年12月24日 好文分享
    400
  • 网页使用本地字体:为什么 CSS 代码中明明指定了“荆南麦圆体”,页面却仍然显示“微软雅黑”?

    网页中使用本地字体 本文将解答如何将本地安装字体应用到网页中,避免使用 src 属性直接引入字体文件。 问题: 想要在网页上使用已安装的“荆南麦圆体”字体,但 css 代码中将其置于第一位的“font-family”属性,页面仍显示“微软雅黑”字体。 立即学习“前端免费学习笔记(深入)”; 答案: …

    2025年12月24日
    000
  • 为什么我的特定 DIV 在 Edge 浏览器中无法显示?

    特定 DIV 无法显示:用户代理样式表的困扰 当你在 Edge 浏览器中打开项目中的某个 div 时,却发现它无法正常显示,仔细检查样式后,发现是由用户代理样式表中的 display none 引起的。但你疑问的是,为什么会出现这样的样式表,而且只针对特定的 div? 背后的原因 用户代理样式表是由…

    2025年12月24日
    200
  • inline-block元素错位了,是为什么?

    inline-block元素错位背后的原因 inline-block元素是一种特殊类型的块级元素,它可以与其他元素行内排列。但是,在某些情况下,inline-block元素可能会出现错位显示的问题。 错位的原因 当inline-block元素设置了overflow:hidden属性时,它会影响元素的…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 为什么使用 inline-block 元素时会错位?

    inline-block 元素错位成因剖析 在使用 inline-block 元素时,可能会遇到它们错位显示的问题。如代码 demo 所示,当设置了 overflow 属性时,a 标签就会错位下沉,而未设置时却不会。 问题根源: overflow:hidden 属性影响了 inline-block …

    2025年12月24日
    000
  • 为什么我的 CSS 元素放大效果无法正常生效?

    css 设置元素放大效果的疑问解答 原提问者在尝试给元素添加 10em 字体大小和过渡效果后,未能在进入页面时看到放大效果。探究发现,原提问者将 CSS 代码直接写在页面中,导致放大效果无法触发。 解决办法如下: 将 CSS 样式写在一个单独的文件中,并使用 标签引入该样式文件。这个操作与原提问者观…

    2025年12月24日
    000
  • 为什么我的 em 和 transition 设置后元素没有放大?

    元素设置 em 和 transition 后不放大 一个 youtube 视频中展示了设置 em 和 transition 的元素在页面加载后会放大,但同样的代码在提问者电脑上没有达到预期效果。 可能原因: 问题在于 css 代码的位置。在视频中,css 被放置在单独的文件中并通过 link 标签引…

    2025年12月24日
    100
  • 为什么在父元素为inline或inline-block时,子元素设置width: 100%会出现不同的显示效果?

    width:100%在父元素为inline或inline-block下的显示问题 问题提出 当父元素为inline或inline-block时,内部元素设置width:100%会出现不同的显示效果。以代码为例: 测试内容 这是inline-block span 效果1:父元素为inline-bloc…

    2025年12月24日
    400
  • React 或 Vite 是否会自动加载 CSS?

    React 或 Vite 是否自动加载 CSS? 在 React 中,如果未显式导入 CSS,而页面却出现了 CSS 效果,这可能是以下原因造成的: 你使用的第三方组件库,例如 AntD,包含了自己的 CSS 样式。这些组件库在使用时会自动加载其 CSS 样式,无需显式导入。在你的代码示例中,cla…

    2025年12月24日
    000
  • React 和 Vite 如何处理 CSS 加载?

    React 或 Vite 是否会自动加载 CSS? 在 React 中,默认情况下,使用 CSS 模块化时,不会自动加载 CSS 文件。需要手动导入或使用 CSS-in-JS 等技术才能应用样式。然而,如果使用了第三方组件库,例如 Ant Design,其中包含 CSS 样式,则这些样式可能会自动加…

    2025年12月24日
    000
  • ElementUI el-table 子节点选中后为什么没有打勾?

    elementui el-table子节点选中后没有打勾? 当您在elementui的el-table中选择子节点时,但没有出现打勾效果,可能是以下原因造成的: 在 element-ui 版本 2.15.7 中存在这个问题,升级到最新版本 2.15.13 即可解决。 除此之外,请确保您遵循了以下步骤…

    2025年12月24日
    200
  • 您不需要 CSS 预处理器

    原生 css 在最近几个月/几年里取得了长足的进步。在这篇文章中,我将回顾人们使用 sass、less 和 stylus 等 css 预处理器的主要原因,并向您展示如何使用原生 css 完成这些相同的事情。 分隔文件 分离文件是人们使用预处理器的主要原因之一。尽管您已经能够将另一个文件导入到 css…

    2025年12月24日
    000
  • CSS 中如何正确使用 box-shadow 设置透明度阴影?

    css 中覆盖默认 box-shadow 样式时的报错问题 在尝试修改导航栏阴影时遇到报错,分析发现是 box-shadow 样式引起的问题。 问题原因 使用 !important 仍无法覆盖默认样式的原因在于,你使用了 rgb() 而不是 rgba(),这会导致语法错误。 立即学习“前端免费学习笔…

    2025年12月24日
    300
  • 为何scss中嵌套使用/*rtl:ignore*/无法被postcss-rtl插件识别?

    postcss-rtl插件为何不支持在scss中嵌套使用/*rtl:ignore*/ 在使用postcss-rtl插件时,如果希望对某个样式不进行转换,可以使用/*rtl:ignore*/在选择器前面进行声明。然而,当样式文件为scss格式时,该声明可能会失效,而写在css文件中则有效。 原因 po…

    2025年12月24日
    000
  • Sass 中使用 rgba(var –color) 时的透明度问题如何解决?

    rgba(var –color)在 Sass 中无效的解决方法 在 Sass 中使用 rgba(var –color) 时遇到透明问题,可能是因为以下原因: 编译后的 CSS 代码 rgba($themeColor, 0.8) 在编译后会变为 rgba(var(–…

    2025年12月24日
    000
  • ## PostCSS vs. Sass/Less/Stylus:如何选择合适的 CSS 代码编译工具?

    PostCSS 与 Sass/Less/Stylus:CSS 代码编译转换中的异同 在 CSS 代码的编译转换领域,PostCSS 与 Sass/Less/Stylus 扮演着重要的角色,但它们的作用却存在细微差异。 区别 PostCSS 主要是一种 CSS 后处理器,它在 CSS 代码编译后进行处…

    2025年12月24日
    000
  • SCSS 简介:增强您的 CSS 工作流程

    在 web 开发中,当项目变得越来越复杂时,编写 css 可能会变得重复且具有挑战性。这就是 scss (sassy css) 的用武之地,它是一个强大的 css 预处理器。scss 带来了变量、嵌套、混合等功能,使开发人员能够编写更干净、更易于维护的代码。在这篇文章中,我们将深入探讨 scss 是…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信