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

JavaScript में डिस्ट्रक्चरिंग के साथ वेरिएबल्स को कैसे स्वैप करें


स्वैपिंग वेरिएबल्स डिस्ट्रक्चरिंग के साथ बहुत आसान हो गया है। समकालीन JavaScript में स्वैपिंग होती है दूसरे वेरिएबल का उपयोग करके। यह व्यस्त नहीं हो सकता लेकिन यह लंबा है। लेकिन आधुनिक JavaScript में तीसरे वेरिएबल की कोई आवश्यकता नहीं है। आइए इसे विस्तार से चर्चा करें।

उदाहरण-1

निम्न उदाहरण में, स्वैपिंग "temp" नामक दूसरे वेरिएबल का उपयोग करके की गई है। इसलिए कोड लंबा हो गया।

<html> <body>    <script>       var a = "Sachin";       var b = "Tendulkar";       document.write("Before swapping-"+ " "+ a + " " +b);       var tmp = a;       a = b;       b = tmp;       document.write("</br>");       document.write("After swapping-"+ " " + a + " " +b);    </script> </body> </html>

आउटपुट

Before swapping- Sachin Tendulkar After swapping- Tendulkar Sachin

डिस्ट्रक्चरिंग के कारण स्वैपिंग का कार्य आसान हो गया है। यहां हमें दूसरे वेरिएबल का उपयोग करने की आवश्यकता नहीं है और कोड भी लंबा नहीं है।

उदाहरण-2

निम्न उदाहरण में, कोई तीसरा वेरिएबल उपयोग नहीं किया गया है और डिस्ट्रक्चरिंग के साथ स्वैपिंग की गई है। यहां कोड उपरोक्त कोड की तुलना में बहुत छोटा है।

<html> <body>    <script>       var a = "Sachin";       var b = "Tendulkar";       document.write("Before swapping-"+ " "+ a + " " +b);       [a,b] = [b,a];       document.write("</br>");       document.write("After swapping-"+ " " + a + " " +b);    </script> </body> </html>

आउटपुट

Before swapping- Sachin Tendulkar After swapping- Tendulkar Sachin

  1. JavaScript से ऑटोकंप्लीट कैसे बनाएं? JavaScript से ऑटोकंप्लीट कैसे बनाएं?

    फॉर्म में ऑटोकंप्लीशन (स्वचालित पूर्ण) बनाने का कोड नीचे दिया गया है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <style> * { box-sizing: border-box; } body { margin: 10px; padding: 0px; fo

  1. JavaScript से टेक्स्ट टॉगल करें JavaScript से टेक्स्ट टॉगल करें

    JavaScript का उपयोग करके किसी एलिमेंट का टेक्स्ट कंटेंट दो स्थितियों के बीच टॉगल करना एक सामान्य UI पैटर्न है (जैसे अधिक दिखाएं/कम दिखाएं, चालू/बंद)। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> bo

  1. JavaScript में ब्लॉक-स्कोप्ड वेरिएबल कैसे घोषित करें? JavaScript में ब्लॉक-स्कोप्ड वेरिएबल कैसे घोषित करें?

    ब्लॉक-स्कोप्ड वेरिएबल घोषित करने के लिए, हम ES2015 में पेश किए गए कीवर्ड let और const का उपयोग करते हैं। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-sc