基础数据结构-链表

时间：2019-12-09 19:38:00 阅读：117 评论：0 收藏：0 [点我收藏+]

标签：ons 判断详细五步 let nod 方法定义 find

思维导图

技术图片

1. 熟悉结构

首先我们要知道链表的结构以及每个节点的结构，这是我们手写链表的第一步，也是学习链表的第一步。我们知道，每个链表时这样表示的：
技术图片
那每个节点结构是由数据域和指针域组成，数据域是存放数据的，而指针域存放下一结点的地址。

我们可以通过数据域访问到我们要的数据，而通过指针域访问到当前结点以后的结点，那么将这些结点串起来，就是一个链表。

那么用代码怎么来表示呢？
我们通常会用到函数，我们如果将一个函数抽象成一个结点，那么我们给函数添加两个属性，一个属性是存放数据的属性data，另一个属性是存放指向下一个结点的指针属性next。

你可能会问，如果我们有成千上万个结点，要定义成千上万个函数？有一个函数叫做构造函数，想必大家都听说过，声明一个构造函数就可以创造出成千上万个结点实例。

function Node(data){
    this.data = data;
    this.next = null;
}

还有一个方法就是使用类的概念，在JavaScript中，类的概念在ES6才出现，使用 Class 来声明一个类，我们可以为类添加两个属性，同上，一样可以创造出多个结点实例。

class Node{
    constructor(data){
        this.data = data;
        this.next = null;
    }
}

2. 理清思路

如果你把链表的结构搞得明明白白了，恭喜你，成功的进入第二关，但是你只超越了百分之20的人，继续加油。

既然链表的结构弄明白了，那么我们开始理思路，我们就先拿最简单的单链表开刀，我们要完成两个操作，插入数据和删除数据。

如果我想插入数据，你可能会问，往哪里插呢？有几种插入的方法？

开始想，插入到单链表的头部算一种。
技术图片
然后插入到单链表的中间算一种。

插入到单链表尾部又算一种。

所有可能的情况就三种。那么删除呢？想必你也想到了，也一共三种，删除头部、删除中间部分、删除尾部。

3. 边界条件

边界条件是这五个步骤最容易犯错的一部分，因为通常考虑的不全面，导致了最后的面试未通过。如果想做好这一部分，也不难，跟着小鹿的方法走。

3.1 输入边界

首先我们先考虑用户输入的参数，比如传入一个链表，我们首先要判断链表是否为空，如果为空我们就不能让它执行下边的程序。再比如插入一个结点到指定结点的后边，那么你也要判断输入的结点是否为空，而且还要判断该结点是否存在该链表中。对于这些输入值的判断，小鹿给他同一起个名字叫做输入边界。

3.2 输入边界

特殊边界考虑到一些特殊情况，比如插入数据，我们插入数据一般考虑到插入尾部，但是突然面试官插入到头部，插入尾部的代码并不适用于插入到头部，所以呢需要考虑这种情况，删除节点也是同样思考。其实特殊边界最主要考虑到一些逻辑上的特殊情况，考察应聘者的考虑的是否全面。小鹿给他起个名字叫做特殊边界。

4. 手写代码

4.1 定义结点

技术图片

class Node{
    constructor(data){
        this.data = data;
        this.next = null;
    }
}

4.2 定义结点

就以单链表中部添加数据为例子，分解成每个步骤，每个步骤对应代码如下：
1、保存临时地址（4结点的地址）,需要进行遍历查找到3结点，也就是下列代码的currentNode 结点。
技术图片

//先查找该元素
let currentNode = this.findByValue(element);
// 保存 3 结点的下一结点地址（4 结点的地址）
let pre = currentNode.next

2、创建新结点，将新结点（5结点）的指针指向下一结点指针（4结点地址，已经在上一步骤保存下来了）
技术图片

let newNode = new Node(value);
newNode.next = pre;

3、将3 的结点地址指向新结点（5结点）
技术图片

currentNode.next = newNode;

以上步骤分析完毕，剩下的两个在头部插入和在尾部插入同样的分析方式。

4.3 删除节点

删除节点也分为三种，头部、中部、尾部，咱们就删除中间结点为例进行删除，我们详细看步骤操作。
我们先看删除的全部动画，然后再分步拆分。
技术图片
断开3结点的指针（断开3结点相当于让2结点直接指向4结点）

let currentNode = this.head;
  // 用来记录 3 结点的前一结点
  let preNode = null;
  // 遍历查找 3 结点
  while(currentNode !== null && currentNode.data !== value){
         // 3 结点的前一结点
         preNode = currentNode;
         // 3 结点
         currentNode = currentNode.next;
}

让结点2的指针指向4结点，完成删除。
技术图片

preNode.next = currentNode.next;

剩下的删除头结点和删除尾结点同样的步骤。
所有代码实现：

/**
 * 2019/11/14
 * 功能：单链表的插入、删除、查找
 * 【插入】：插入到指定元素后方
 * 1、查找该元素是否存在？
 * 2、没有找到返回 -1
 * 3、找到进行创建结点并插入链表。
 * 
 * 【查找】：按值查找/按索引查找
 * 1、判断当前结点是否等于null，且是否等于给定值？
 * 2、判断是否可以找到该值？
 * 3、没有找到返回 -1；
 * 4、找到该值返回结点；
 * 
 * 【删除】：按值删除
 * 1、判断是否找到该值？
 * 2、找到记录前结点，进行删除；
 * 3、找不到直接返回-1；
 */
//定义结点
class Node{
    constructor(data){
        this.data = data;
        this.next = null;
    }
}

//定义链表
class LinkList{
    constructor(){
        //初始化头结点
        this.head = new Node('head');
    }

    //根据 value 查找结点
    findByValue = (value) =>{
        let currentNode = this.head;
        while(currentNode !== null && currentNode.data !== value){
            currentNode = currentNode.next;
        }
        //判断该结点是否找到
        console.log(currentNode)
        return currentNode === null ? -1 : currentNode;
    }

    //根据 index 查找结点
    findByIndex = (index) =>{
        let pos = 0;
        let currentNode = this.head;
        while(currentNode !== null && pos !== index){
            currentNode = currentNode.next;
            pos++;
        }
        //判断是否找到该索引
        console.log(currentNode)
        return currentNode === null ? -1 : currentNode;
    }

    //插入元素(指定元素向后插入)
    insert = (value,element) =>{
        //先查找该元素
        let currentNode = this.findByValue(element);
        //如果没有找到
        if(currentNode == -1){
            console.log("未找到插入位置!")
            return;
        }
        let newNode = new Node(value);
        newNode.next = currentNode.next;
        currentNode.next = newNode;
    }

    //根据值删除结点
    delete = (value) =>{
        let currentNode = this.head;
        let preNode = null;
        while(currentNode !== null && currentNode.data !== value){
            preNode = currentNode;
            currentNode = currentNode.next;
        }
        if(currentNode == null) return -1; 
        preNode.next = currentNode.next;
    }

     //遍历所有结点
    print = () =>{
        let currentNode = this.head
        //如果结点不为空
        while(currentNode !== null){
            console.log(currentNode.data)
            currentNode = currentNode.next;
        }
    }
}

//测试
const list = new LinkList()
list.insert('xiao','head');
list.insert('lu','xiao');
list.insert('ni','head');
list.insert('hellow','head');
list.print()
console.log('-------------删除元素------------')
list.delete('ni')
list.delete('xiao')
list.print()
console.log('-------------按值查找------------')
list.findByValue('lu')
console.log('-------------按索引查找------------')
list.print()