javascript链表如何实现_如何操作节点的数据

发布时间 - 2025-12-26 00:00:00    点击率:
JavaScript链表需手动实现,核心是用对象模拟节点并通过next指针串联;所有操作(访问、修改、插入、删除)必须从头节点遍历,无法随机访问。

JavaScript 中链表不是内置数据结构,需要手动实现。核心是用对象模拟节点,通过 next(和可选的 prev)指针串联。操作节点数据的关键在于:**访问、修改、插入、删除都必须从头节点出发,沿指针逐个遍历,不能像数组那样随机访问。**

节点与链表的基本结构

每个节点是一个包含数据和指向下一节点引用的对象:

class ListNode {
  constructor(data) {
    this.data = data;
    this.next = null; // 指向下一个节点
  }
}

链表本身通常只保存头节点(head),它是入口点:

class LinkedList {
  constructor() {
    this.head = null;
  }
}

空链表即 this.head === null;只要头节点存在,就能顺着 next 一路访问后续所有节点。

如何读取和修改节点的数据

必须从头开始遍历,找到目标位置或满足条件的节点后,才能读或写 node.data

  • 读取第 i 个节点的数据(索引从 0 开始):
    getNodeDataAt(index) {
          let current = this.head;
          let count = 0;
          while (current !== null && count < index) {
            current = current.next;
            count++;
          }
          return current ? current.data : undefined;
        }
  • 修改第 i 个节点的数据:
    setNodeDataAt(index, newData) {
          let current = this.head;
          let count = 0;
          while (current !== null && count < index) {
            current = current.next;
            count++;
          }
          if (current) current.data = newData;
        }
  • 按值查找并更新第一个匹配节点:
    updateFirstMatch(oldValue, newValue) {
          let current = this.head;
          while (current !== null) {
            if (current.data === oldValue) {
              current.data = newValue;
              return true;
            }
            current = current.next;
          }
          return false;
        }

如何插入和删除节点(影响数据布局)

插入/删除会改变节点之间的连接关系,进而影响后续遍历顺序和数据可见性:

  • 在头部插入新节点(最简单):
    prepend(data) {
          const newNode = new ListNode(data);
          newNode.next = this.head;
          this.head = newNode;
        }
  • 在尾部插入:
    append(data) {
          const newNode = new ListNode(data);
          if (!this.head) {
            this.head = newNode;
            return;
          }
          let current = this.head;
          while (current.next !== null) {
            current = current.next;
          }
          current.next = newNode;
        }
  • 删除值为 target 的第一个节点:
    deleteByValue(target) {
          if (!this.head) return;
          if (this.head.data === target) {
            this.head = this.head.next;
            return;
          }
          let current = this.head;
          while (current.next && current.next.data !== target) {
            current = current.next;
          }
          if (current.next) {
            current.next = current.next.next;
          }
        }

遍历链表并批量操作数据

实际开发中常需对所有节点数据做统一处理,比如打印、求和、过滤:

  • 基础遍历(推荐 while 循环,清晰且不易越界):
    traverse(callback) {
          let current = this.head;
          while (current !== null) {
            callback(current.data);
            current = current.next;
          }
        }
    
    // 使用示例:打印所有数据
    list.traverse(data => console.log(data));
  • 转成数组便于调试或后续处理:
    toArray() {
          const arr = [];
          let current = this.head;
          while (current !== null) {
            arr.push(current.data);
            current = current.next;
          }
          return arr;
        }
  • 查找所有匹配的数据(返回数组):
    findAllByCondition(predicate) {
          const result = [];
          let current = this.head;
          while (current !== null) {
            if (predicate(current.data)) {
              result.push(current.data);
            }
            current = current.next;
          }
          return result;
        }
    
    // 使用示例:找出所有大于 10 的数
    const bigNumbers = list.findAllByCondition(x => x > 10);

链表的操作本质是“指针重连”,数据存于节点内,增删改查都依赖对 next 引用的正确操作。熟练掌握遍历模式,就能稳定地操作任意节点的数据。不复杂但容易忽略边界——比如空链表、单节点、删头节点等场景,写逻辑时多检查 current 是否为 null 就能避免报错。


# javascript  # java  # node  # app  # red 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何安装Breeze扩展包_Laravel用户注册登录功能快速实现【流程】  INTERNET浏览器怎样恢复关闭标签页_INTERNET浏览器标签恢复快捷键与方法【指南】  Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  如何用5美元大硬盘VPS安全高效搭建个人网站?  JavaScript实现Fly Bird小游戏  如何快速搭建安全的FTP站点?  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  Android使用GridView实现日历的简单功能  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  如何在 Pandas 中基于一列条件计算另一列的分组均值  如何在IIS中配置站点IP、端口及主机头?  在线制作视频的网站有哪些,电脑如何制作视频短片?  七夕网站制作视频,七夕大促活动怎么报名?  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  百度输入法ai组件怎么删除 百度输入法ai组件移除工具  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程  Laravel怎么在Blade中安全地输出原始HTML内容  用v-html解决Vue.js渲染中html标签不被解析的问题  夸克浏览器网页跳转延迟怎么办 夸克浏览器跳转优化  Laravel如何使用Collections进行数据处理?(实用方法示例)  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊?  Bootstrap整体框架之CSS12栅格系统  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  宙斯浏览器怎么屏蔽图片浏览 节省手机流量使用设置方法  香港服务器选型指南:免备案配置与高效建站方案解析  如何登录建站主机?访问步骤全解析  详解Huffman编码算法之Java实现  最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  VIVO手机上del键无效OnKeyListener不响应的原因及解决方法  企业网站制作这些问题要关注  网站建设保证美观性,需要考虑的几点问题!  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  悟空识字如何进行跟读录音_悟空识字开启麦克风权限与录音  长沙企业网站制作哪家好,长沙水业集团官方网站?  网站图片在线制作软件,怎么在图片上做链接?  如何用JavaScript实现文本编辑器_光标和选区怎么处理  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  js实现获取鼠标当前的位置  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  中国移动官方网站首页入口 中国移动官网网页登录  Laravel如何使用Passport实现OAuth2?(完整配置步骤)  Laravel如何集成Inertia.js与Vue/React?(安装配置)  Laravel的.env文件有什么用_Laravel环境变量配置与管理详解  高性能网站服务器配置指南:安全稳定与高效建站核心方案  Laravel如何使用.env文件管理环境变量?(最佳实践)  历史网站制作软件,华为如何找回被删除的网站?