Data Structures and Algorithms in JavaScript : Queue

Utkarsh Katiyar
3 min readOct 23, 2023

--

Credits : Unsplash

A Queue is a linear data structure in computer science that follows the First-In-First-Out (FIFO) principle. In a queue, elements are stored and processed in a sequential order, and the element that is added first is the one that gets processed or removed first.

Here are the basic operations associated with a queue data structure:

1. **Enqueue:** This operation adds an element to the rear or end of the queue.

2. **Dequeue:** This operation removes and returns the element from the front or beginning of the queue.

3. **Front:** This operation retrieves, but does not remove, the element at the front of the queue.

4. **IsEmpty:** This operation checks if the queue is empty.

5. **Size:** This operation returns the number of elements in the queue.

Queues are commonly used in various computer algorithms and applications, such as scheduling tasks in operating systems, managing tasks in a print spooler, simulating real-world scenarios, and implementing breadth-first search in graph algorithms. They provide a way to manage data in a way that ensures fairness and orderliness in processing elements.

Queues are a fundamental data structure in computer science and have several advantages and disadvantages based on their characteristics and use cases:

**Pros of Queues:**

1. **Orderly Processing:** Queues follow the First-In-First-Out (FIFO) order, which is essential for scenarios where tasks or data should be processed in a sequential and orderly manner.

2. **Fairness:** FIFO order ensures fairness by giving equal priority to all elements, which is important in scenarios like task scheduling and resource allocation.

3. **Data Buffering:** Queues are commonly used to buffer data between two processes with different speeds. For example, they can be used to smooth out variations in data production and consumption rates.

4. **Task Scheduling:** Queues are essential in task scheduling algorithms, such as in operating systems, where processes are scheduled for execution based on their arrival time.

5. **Breadth-First Search:** In graph algorithms, queues are used for implementing breadth-first search (BFS), which explores nodes level by level.

**Cons of Queues:**

1. **Limited Access:** Unlike arrays or lists, queues provide limited access to their elements. You can typically only access the front and rear elements, which can be restrictive for some use cases.

2. **Inefficient for Random Access:** If you need to access elements in a queue at arbitrary positions, a queue is not the right data structure for the job. Use an array or a different data structure instead.

3. **Overhead:** Implementing a queue with linked lists or arrays can introduce some overhead in terms of memory usage and processing time.

4. **Blocking:** In some scenarios, queues can block if they are not managed properly. For example, in a multithreaded environment, if a thread is waiting for data from an empty queue, it may block until data becomes available.

5. **Limited Use Cases:** Queues are not the best choice for all data processing tasks. For certain scenarios, other data structures like stacks, lists, or priority queues might be more appropriate.

In summary, queues are valuable for maintaining order and fairness in processing data, especially when you need to handle tasks or data in a specific sequence. However, they may not be suitable for every use case, and you should choose your data structure based on the specific requirements of your problem.

Implementation of Queues (using Classes).

(1) Creating a Queue.

class Queue {
constructor() {
this.items = [];
}

(2) Enqueue: Add an element to the back of the queue.

enqueue(item) {
this.items.push(item);
}

(3) Dequeue: Remove an element from the front of the queue.

dequeue() {
if (this.isEmpty()) {
return "Queue is empty";
}
return this.items.shift();
}

(4) isEmpty: Check if the queue is empty.

isEmpty() {
return this.items.length === 0;
}

(5) Front: Get the front element without removing it.

front() {
if (this.isEmpty()) {
return "Queue is empty";
}
return this.items[0];
}

(6) Size: Get the size of the queue.

size() {
return this.items.length;
}
}

Example:

const myQueue = new Queue();
myQueue.enqueue(1);
myQueue.enqueue(2);
myQueue.enqueue(3);
console.log(myQueue.dequeue()); // 1
console.log(myQueue.front()); // 2
console.log(myQueue.size()); // 2

--

--

Utkarsh Katiyar
Utkarsh Katiyar

Written by Utkarsh Katiyar

Frontend Engineer (ReactJS, NextJS) | 5+ Years of Experience | BITS - Pilani

No responses yet