w3resource

JavaScript Exercises: Remove the first element from a Singly Linked list

JavaScript Singly Linked List: Exercise-13 with Solution

Write a JavaScript program that removes the first element from a Singly Linked list.

Sample Solution:

JavaScript Code:

// Define a class representing a node in a singly linked list
class Node {
    constructor(data) {
        // Initialize the node with provided data
        this.data = data
        // Initialize the next pointer to null
        this.next = null                
    }
}

// Define a class representing a singly linked list
class SinglyLinkedList {
    constructor(Head = null) {
        // Initialize the head of the list
        this.Head = Head
    }

    // Method to add a new node to the end of the list
    add(newNode){
        // Start traversal from the head node
        let node = this.Head;
        // If the list is empty, set the new node as the head and return
        if(node == null){
            this.Head = newNode;
            return;
        }
        // Traverse the list until the last node
        while (node.next) {
            node = node.next;
        }
        // Set the next pointer of the last node to the new node
        node.next = newNode;
    }  

    // Method to remove a node at a specified index position
    removeAt(index_pos){
        // Start traversal from the head node
        let nodes = this.Head;
        // If index position is 0, remove the head node
        if(index_pos === 0) {
            if(nodes !== null)
            {
                nodes = nodes.next;
                this.Head = nodes;
            }
            else
                throw Error("Index Out of Bound");
            return;
        }
        // Traverse the list until the previous node of the node to be removed
        while(--index_pos){
            if(nodes.next !== null)
                nodes = nodes.next;
            else
                throw Error("Index Out of Bound");
        }
        // Remove the node by skipping its reference in the list
        nodes.next = nodes.next.next;
    }  

    // Method to delete the first item from the list
    deleteHead(){
        // Call removeAt method to remove the head node
        this.removeAt(0);
    }

    // Method to display the elements of the list
    displayList(){
        // Start traversal from the head node
        let node = this.Head;
        // Initialize an empty string to store the elements of the list
        var str = ""
        // Traverse the list and concatenate each element to the string
        while (node) {
            str += node.data + "->";
            node = node.next;
        }
        // Append "NULL" to indicate the end of the list
        str += "NULL"
        // Print the string containing the list elements
        console.log(str);  
    }
}

// Create an instance of the SinglyLinkedList class
let numList = new SinglyLinkedList();
// Add nodes with data values to the list
numList.add(new Node(12));
numList.add(new Node(13));
numList.add(new Node(14));
numList.add(new Node(15));
numList.add(new Node(14));
// Display the elements of the list
console.log("Singly Linked list:");
numList.displayList();
// Remove the first element from the list
console.log("Remove the first element from a Singly Linked list:");
numList.deleteHead();
numList.displayList();
// Again remove the first element from the list
console.log("Again remove the first element from a Singly Linked list:");
numList.deleteHead();
numList.displayList();

Output:

Singly Linked list:
12->13->14->15->14->NULL
Remove the first element from a Singly Linked list:
13->14->15->14->NULL
Again remove the first element from a Singly Linked list:
14->15->14->NULL

Flowchart:

Flowchart: JavaScript Exercises: Remove the first element from a Singly Linked list.

Live Demo:

See the Pen javascript-singly-linked-list-exercise-13 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Singly Linked List Previous: Size of a Singly Linked list.
Singly Linked List Next: Remove the tail element from a Singly Linked list.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://w3resource.com/javascript-exercises/linkedlist/javascript-singly-linked-list-exercise-13.php