LESSON 411 OF 414 · PROJECTS: OBJECT-ORIENTED

Stack: Build a MyStack Class (TypeScript) in TypeScript

Practice

A stack is a pile where you only touch the top: the last value you put in is the first one you take out (LIFO, last in, first out), like a pile of plates. Build a class MyStack that stores whole numbers in a private array field data: number[] and offers four operations.

The methods:

push(value: number): void
pop(): number
peek(): number
size(): number

Rules:

push puts the value on top of the stack. It returns nothing.
pop removes the top value (the one pushed last) and returns it.
peek returns the top value but leaves it on the stack, so the size does not change.
size returns how many values are on the stack. A new stack has size 0, and after popping everything the size is 0 again.
The stack keeps working after it becomes empty: you can push again.
Calling pop or peek on an empty stack is not part of this exercise and the tests never do it. (Calling pop() or peek() on an empty stack would return undefined at run time.)

You start with: The starter already contains the code that uses your stack (below).

const s = new MyStack();
s.push(10);
s.push(20);
s.push(30);
console.log("Top: " + s.peek());
console.log("Size: " + s.size());
console.log("Pop: " + s.pop());
console.log("Size: " + s.size());
console.log("Pop: " + s.pop());
console.log("Pop: " + s.pop());
console.log("Empty size: " + s.size());
s.push(7);
console.log("Top: " + s.peek());
console.log("Size: " + s.size());

Expected output:

Top: 30
Size: 3
Pop: 30
Size: 2
Pop: 20
Pop: 10
Empty size: 0
Top: 7
Size: 1

Reading the output: after pushing 10, 20 and 30 the top is 30 and the size 3. Popping gives 30, leaving size 2. Two more pops give 20 and then 10 (last in, first out), the stack is empty (size 0), and after pushing 7 the top is 7 and the size 1.

The top of the stack is the end of the list: adding and removing at the end is fast, and the last value pushed is always the last element.

Arrays have push and pop(), but pop() may return undefined, so write this.data.pop()! to tell TypeScript the value is there. The last element is this.data[this.data.length - 1].

class MyStack {
    private data: number[] = [];

    push(value: number): void {
        this.data.push(value);
    }

    pop(): number {
        return this.data.pop()!;
    }

    peek(): number {
        return this.data[this.data.length - 1];
    }

    size(): number {
        return this.data.length;
    }
}

STEP 1 OF 10

Guided

Ctrl + Enter to check

Stack: Build a MyStack Class (TypeScript) in TypeScript

Stack Impl in TypeScript