TK
Home Photo by Sandy Millar

A linked list is a collection of nodes that form a linear sequence. The difference between an array and a linked list is that the array has indexed elements, so we can get an element by constant time by just searching by its index. In the linked list, we need to go through the nodes to get the searched element and that takes linear time.

The advantage is that the linked lists can insert and remove items in constant time.

A Linked List is a sequence of nodes and each node has two `attributes`: the value it stores and the reference to the next node of the sequence.

The first and last nodes are called `head` and `tail` of the list, respectively. So to get to the tail of the last, we traverse the linked list by moving from one node to another using each node's next reference.

The Linked List having the `head` and the `tail` as attributes helps add new nodes to the start and the end of the list. But we can implement it with or without the `tail` attribute. We will dive into this implementation.

We can separate the linked list from its elements. Each element is a node and we can implement this representation with a `Node` class.

``````class Node {
constructor(value, next = null) {
this.value = value;
this.next = next;
}
}
``````

Basically, it has a value and the reference to the next node. We add a default value (`null`) to the `next` parameter to make it more flexible to use when creating new nodes.

The simplest way to use it is:

``````new_node = new Node(1);
new_node.value; // 1
new_node.next; // null
``````
• Instantiate the new node.
• We can access the `value` and the `next` attributes.

But with the flexibility of the `next` parameter, we can also use it by passing the next node reference.

``````const nextNode = new Node(2);
const newNode = new Node(1);

newNode.next = nextNode;
newNode.value; // 1
newNode.next.value; // 2
``````
• Have the next node.
• Instantiate the new node by passing the value and then assigning the reference to the next node (`nextNode` in our case).
• We can access the `value` and the `next` value.

For the linked list, the first step is to create a class representing it. For now, we just want a `head` attribute when creating an empty list.

``````class LinkedList {
constructor() {
}
}
``````

Simple as that. Just a class and initialize the `head` attribute with `null` for an empty list.

Let's implement the easier method: `isEmpty`. How do we know when a list is empty? If the `head` is `null`, we didn't add any node to this list. This is the logic behind the `isEmpty` method.

``````isEmpty() {
}
``````

Pretty simple, huh?

Now the `pushFront` method. We basically need to create a new node, points the `next` attribute from this new node to the `head`, and assign this new node to be the new linked list `head`.

Remember we have the `next` parameter when creating a new node? We can use it to assign the previous `head` when creating the new node. Something like this:

``````new Node(value, previousHead);
``````

In the context of the linked list, we will have the `this.head`. So:

``````new Node(value, this.head);
``````

The last step is to assign this new node to the `head` and we will prepend it.

``````this.head = new Node(value, this.head);
``````
• Create new node
• Assign the `next` attribute to the previous `head`
• And assign the new node to the `head`

The complete method will be like this:

``````pushFront(value) {
}
``````

Just one line. Pretty good!

For the `pushBack`, it's a bit different, because, instead of adding a new node to the head of the list, we need to add to the tail. So basically we need to iterate through the list to be in the last node and point it's `next` attribute to the newly created node.

The question is: How do we iterate through the list?

The difference between the tail node and the rest is the `next` attribute. The tail has no `next`. It points to `null`. The rest always point to a different node.

To iterate through the list to get the last node, we get the next node until the node has no `next` attribute. Start with the first node: the head.

``````let currentNode = this.head;
``````

And then iterate.

``````while (currentNode && currentNode.next) {
currentNode = currentNode.next;
}
``````

We divide this code into two parts:

• looping while the node is not `null` and the node's `next` attribute is also not `null`
• update the current node by assigning the next node

When the `while` loop breaks, we have the last node, so we just need to update the last node `next` attribute.

``````currentNode.next = new Node(value);
``````

The complete code:

``````pushBack(value) {

while (currentNode && currentNode.next) {
currentNode = currentNode.next;
}

currentNode.next = new Node(value);
}
``````

The `size` method implementation is straightforward. We basically need to iterate through the whole list and count each node.

To iterate is pretty simple. We just need to loop while the current node is not `null`.

``````while (currentNode) {
currentNode = currentNode.next;
}
``````

And for each iteration, we need to increase our counter.

``````size() {
let count = 0;

while (currentNode) {
count += 1;
currentNode = currentNode.next;
}

return count;
}
``````
• Initialize the `count` with `0`.
• Get the current node: the `head`.
• Iterate through the list.
• For each iteration, increase the counter.
• Returns the `count`.

For the `search` algorithm, we need to receive a value and return `true` or `false` if this value is in the linked list.

So we basically need to iterate through the linked list searching for this value.

The iteration is simple:

``````while (currentNode) {
currentNode = currentNode.next;
}
``````

Now, for each node, we see if the current node value is the same as the searched value.

``````while (currentNode) {
if (currentNode.value === value) {
return true;
}

currentNode = currentNode.next;
}
``````

We can do this way to return `true` if the searched value is found. Or we can do this verification only after the loop stops. So we would need to stop the loop if we find the value.

``````while (currentNode && currentNode.value !== value) {
currentNode = currentNode.next;
}
``````
• We will iterate while we didn't find the value and it is not the last node
• Basically, the loop will stop when finding the searched value or finish the entire linked list

To return the value, we can use the `Boolean` function.

``````return Boolean(currentNode && currentNode.value === value);
``````

With this, we cover all possibilities:

• When `currentNode` is `null`: `Boolean` transform `null` into `false`
• When `currentNode` is not `null` and the value is equal to the searched value

To simplify, we could also write the statement like this:

``````return Boolean(currentNode);
``````

Because if we have the `currentNode`, it's because we found the searched value. If it doesn't have the `currentNode` (node is `null`), it's because we didn't find the searched value.

``````search(value) {

while (currentNode && currentNode.value !== value) {
currentNode = currentNode.next;
}

return Boolean(currentNode);
}
``````

The last method to be implemented is the `remove` method. We can think about this method in separated cases:

• when the list is empty.
• when we want to remove the head node.
• when we want to remove a node from the middle or the last one.

For the empty case is pretty simple. We just check the list with our `isEmpty` method.

``````if (this.isEmpty()) {
return;
}
``````

We can also throw an error exception or just print "The list is empty", for example.

For the case when we want to remove the head node, we check it first and then remove it.

``````if (this.head.value === value) {
return;
}
``````

To remove it, we just need to point the head to the its next node.

The last case is when we want to remove a node in the middle or the last one. Let's draw it! For this algorithm, what we want is to get the previous node of the node to be removed and point to the next node of the node to be removed. So we need to have the previous node in each iteration. This is the fundamental part of our algorithm.

``````let currentNode = this.head;

while (currentNode.next) {
if (currentNode.next.value === value) {
currentNode.next = currentNode.next.next;
}

currentNode = currentNode.next;
}
``````

This is the algorithm.

We will iterate through the list while the current node's next is not a `null` value. Why? Because we want to compare the next node value. Not the current one.

``````currentNode.next.value === value;
``````

This the logic we are searching for. Does the current node's next value is the value we want to remove?

If it is `true`, we basically remove the current node's next node by pointing the `next` to the `next.next`, and returning the function.

If it is `false`, we keep iterating until we find the value we want or when we finish the entire list.

Joining all the parts, we have:

``````remove(value) {
if (this.isEmpty()) {
return;
}

return;
}

while (currentNode.next) {
if (currentNode.next.value === value) {
currentNode.next = currentNode.next.next;
}

currentNode = currentNode.next;
}
}
``````

Joining all the parts we talked about and implemented, we have:

``````class Node {
constructor(value, next = null) {
this.value = value;
this.next = next;
}
}

constructor() {
}

pushFront(value) {
}

pushBack(value) {

while (currentNode && currentNode.next) {
currentNode = currentNode.next;
}

currentNode.next = new Node(value);
}

size() {
let count = 0;

while (currentNode) {
count += 1;
currentNode = currentNode.next;
}

return count;
}

search(value) {

while (currentNode && currentNode.value !== value) {
currentNode = currentNode.next;
}

return Boolean(currentNode);
}

remove(value) {
if (this.isEmpty()) {
return;
}

return;
}

while (currentNode.next) {
if (currentNode.next.value === value) {
currentNode.next = currentNode.next.next;
return;
}

currentNode = currentNode.next;
}
}

isEmpty() {
}
}
``````

## Let's test it!

``````const linkedList = new LinkedList();

``````

What do we do here?

• Search for 0 to 4: all return `true`, we found the value
• Search for 5: it returns `false` as we don't have this value in the list