JavaScript Exercises: Create and display Doubly Linked Lists

JavaScript Data Structures: Exercise-1 with Solution

Create and display a DLL

Write a JavaScript program to create and display Doubly Linked Lists.

Sample Solution:

JavaScript Code:

// Define a class for creating nodes of a doubly linked list
class Node {
	// Constructor function for creating a new node with a given value
	constructor(value) {
		this.value = value; // Assign the given value to the node
		this.next = null; // Initialize the pointer to the next node as null
		this.previous = null; // Initialize the pointer to the previous node as null
	}
}

// Define a class for creating a doubly linked list
class DoublyLinkedList {
	// Constructor function for creating a new doubly linked list with a head node having the given value
	constructor(value) {
		// Initialize the head node with the given value and no next or previous node
		this.head = {
			value: value, // Store the value of the head node
			next: null, // Pointer to the next node in the list, initially set to null
			previous: null // Pointer to the previous node in the list, initially set to null
		};
		this.length = 0; // Initialize the length of the list to 0
		this.tail = this.head; // Set the tail node to the head node initially
	}

	// Method to add a new node at the end of the list
	add(newNode) {
		this.tail.next = newNode; // Set the next pointer of the current tail node to the new node
		newNode.previous = this.tail; // Set the previous pointer of the new node to the current tail node
		this.tail = newNode; // Update the tail node to the new node
		this.length++; // Increment the length of the list
	}

	// Method to print the values of the nodes in the list
	printList() {
		let current = this.head; // Start from the head of the list
		let result = []; // Array to store the values of the nodes
		while (current !== null) { // Iterate through the list until reaching the end
			result.push(current.value); // Push the value of the current node to the array
			current = current.next; // Move to the next node
		}
		console.log(result.join(' ')); // Log the values of the nodes separated by space
		return this; // Return the DoublyLinkedList object for chaining
	}
}

// Create a new instance of the DoublyLinkedList class
let numList = new DoublyLinkedList();
// Add nodes to the list
numList.add(new Node(2));
numList.add(new Node(3));
numList.add(new Node(4));
numList.add(new Node(5));
numList.add(new Node(6));
numList.add(new Node(7));
// Print the values of the nodes in the list
numList.printList();

Output:

2 3 4 5 6 7

Flowchart:

Live Demo:

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

For more Practice: Solve these Related Problems:

• Write a JavaScript function that creates a doubly linked list from an array and displays its elements from head to tail.
• Write a JavaScript program that constructs a doubly linked list with random values and prints the list using both forward and reverse traversals.
• Write a JavaScript function that builds a doubly linked list iteratively and outputs the node values with proper pointer indications.
• Write a JavaScript function that creates a doubly linked list and verifies its structure by traversing from head to tail and back.

Improve this sample solution and post your code through Disqus

Linked List Previous: JavaScript Linked List.
Linked List Next: Count number of nodes in a Doubly Linked Lists.