Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट में स्टैक का कार्यान्वयन


जावास्क्रिप्ट में स्टैक को लागू करने का कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    }    button {       padding: 6px;       margin: 4px;    } </style> </head> <body> <h1>जावास्क्रिप्ट में स्टैक का कार्यान्वयन।</h1> <div class="result"></div> <br /> <input type="text" class="stackPush" /><button class="pushBtn">Push</button> <button class="popBtn">Pop</button> <button class="Btn">Display</button> <h3>स्टैक ऑपरेशन्स करने के लिए ऊपर दिए गए बटन्स पर क्लिक करें</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let pushBtnEle = document.querySelector(".pushBtn");    let popBtnEle = document.querySelector(".popBtn");    class Stack {       constructor() {          this.items = [];          this.top = 0;       }    }    Stack.prototype.push = function (ele) {       this.items[this.top] = ele;       this.top += 1;    };    Stack.prototype.pop = function () {       if (this.top === 0) {          return "Underflow: no more elements to delete";       }       tempNum = this.items[this.top - 1];       this.items.length -= 1;       return tempNum;    };    Stack.prototype.display = function () {       if (this.top == 0) {          return "Stack is empty";       }       for (let i = 0; i < this.top; i++) {          resEle.innerHTML += this.items[i] + " , ";       }    };    let stack1 = new Stack();    BtnEle.addEventListener("click", () => {       resEle.innerHTML = "";       stack1.display();    });    pushBtnEle.addEventListener("click", () => {       let ele = document.querySelector(".stackPush").value;       resEle.innerHTML = ele + " is pushed to the stack";       stack1.push(ele);    });    popBtnEle.addEventListener("click", () => {       resEle.innerHTML = stack1.pop() + " is popped from the stack";    }); </script> </body> </html>

आउटपुट

जावास्क्रिप्ट में स्टैक का कार्यान्वयन

फील्ड में नंबर दर्ज करके 'Push' पर क्लिक करने पर -

जावास्क्रिप्ट में स्टैक का कार्यान्वयन

'Pop' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में स्टैक का कार्यान्वयन

स्टैक खाली न होने पर 'Display' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में स्टैक का कार्यान्वयन


  1. JavaScript Promises JavaScript Promises

    JavaScript में Promises हमें एसिंक्रोनस ऑपरेशन करने की अनुमति देते हैं जहां वैल्यू प्रॉमिस बनाते समय पहले से ज्ञात नहीं होती। एक प्रॉमिस की तीन अवस्थाएं हो सकती हैं: पेंडिंग, फुलफिल्ड और रिजेक्टेड।उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&

  1. JavaScript WeakSet JavaScript WeakSet

    JavaScript WeakSet का उपयोग ऑब्जेक्ट्स के संग्रह को स्टोर करने के लिए किया जाता है। Set की तरह यह डुप्लिकेट स्टोर नहीं करता।WeakSet के मेथड्समेथडविवरणadd(obj)WeakSet में नया वैल्यू जोड़ता है।delete(obj)WeakSet से वैल्यू हटाता है।has(obj)True या false लौटाता है यह इस पर निर्भर करता है कि WeakSet ऑब्ज

  1. जावास्क्रिप्ट में क्यू का कार्यान्वयन जावास्क्रिप्ट में क्यू का कार्यान्वयन

    जावास्क्रिप्ट में क्यू को लागू करने का कोड निम्नलिखित है। उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style>    body { &nb