w3resource

JavaScript Exercises: Stack elements in the first but not in the second

JavaScript Stack: Exercise-29 with Solution

Elements in Stack1 Not in Stack2

Write a JavaScript program that implements a stack and find elements that are in the first stack but not in the second stack.

Sample Solution:

JavaScript Code:

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

  // push element to the stack
  push(element) {
    this.items.push(element);
  }

  // pop element from the stack
  pop() {
    if (this.items.length == 0) {
      return "Underflow";
    }
    return this.items.pop();
  }

  // get the top element of the stack
  peek() {
    return this.items[this.items.length - 1];
  }

  // check if the stack is empty
  isEmpty() {
    return this.items.length == 0;
  }

  // get the size of the stack
  size() {
    return this.items.length;
  }

 difference_of_two(stk) {
    let diff_Stack = new Stack();
    let thisArray = this.toArray();
    let otherArray = stk.toArray();
    for (let i = 0; i < thisArray.length; i++) {
      if (!otherArray.includes(thisArray[i])) {
        diff_Stack.push(thisArray[i]);
      }
    }
    return diff_Stack;
  }

 toArray() {
    return this.items.slice();
  }
  
 displayStack(stack) {
  console.log("Stack elements are:");
  let str = "";
  for (let i = 0; i < stack.items.length; i++)
    str += stack.items[i] + " ";
  return str.trim();
 }
}

const stack1 = new Stack();
stack1.push(1);
stack1.push(2);
stack1.push(3);
console.log("Stack1:");
console.log(stack1.displayStack(stack1));
const stack2 = new Stack();
stack2.push(2);
stack2.push(3);
console.log("Stack2:");
console.log(stack2.displayStack(stack2));
const stack3 = new Stack();
stack3.push(1);
stack3.push(2);
console.log("Stack3:");
console.log(stack3.displayStack(stack3));
console.log("Find elements that are in the first stack but not in the second stack:");
let result = stack1.difference_of_two(stack2);
console.log("Difference of stack1 and stack2!");
console.log(result.displayStack(result));
result = stack1.difference_of_two(stack3);
console.log("Difference of stack1 and stack3!");
console.log(result.displayStack(result));
result = stack2.difference_of_two(stack3);
console.log("Difference of stack2 and stack3!");
console.log(result.displayStack(result));
result = stack3.difference_of_two(stack2);
console.log("Difference of stack3 and stack2!");
console.log(result.displayStack(result));

Sample Output:

"Stack1:"
"Stack elements are:"
"1 2 3"
"Stack2:"
"Stack elements are:"
"2 3"
"Stack3:"
"Stack elements are:"
"1 2"
"Find elements that are in the first stack but not in the second stack:"
"Difference of stack1 and stack2!"
"Stack elements are:"
"1"
"Difference of stack1 and stack3!"
"Stack elements are:"
"3"
"Difference of stack2 and stack3!"
"Stack elements are:"
"3"
"Difference of stack3 and stack2!"
"Stack elements are:"
"1" 

Flowchart:

Flowchart: JavaScript Exercises: Stack elements in the first but not in the second.
Flowchart: JavaScript  Exercises: Stack elements in the first but not in the second.
Flowchart: JavaScript  Exercises: Stack elements in the first but not in the second.

Live Demo:

See the Pen javascript-stack-exercise-29 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Stack Previous: Find elements that are common in two stacks.
Stack Exercises Next: Elements from both stacks without duplicates.

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://www.w3resource.com/javascript-exercises/stack/javascript-stack-exercise-29.php