परिचय
टाइप कास्टिंग का अर्थ है एक डेटा टाइप से दूसरे में स्पष्ट रूप से रूपांतरण। जावास्क्रिप्ट में सबसे आम मेथड्स हैं: स्ट्रिंग में बदलने के लिए String(), बूलियन में Boolean(), और नंबर में Number()।
उदाहरण
निम्न कोड जावास्क्रिप्ट में टाइप कास्टिंग के लिए है:
<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>टाइप कास्टिंग</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>जावास्क्रिप्ट में टाइप कास्टिंग</h1> <div class="sample">44</div> <div style="color: green;" class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3> उपरोक्त मान को स्ट्रिंग, नंबर और बूलियन में बदलने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const sampleEle = document.querySelector('.sample'); const resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { const val = sampleEle.innerHTML; resEle.innerHTML += 'String = ' + (String(val) + 22) + '<br>'; // कन्कैटनेशन resEle.innerHTML += 'Number = ' + (Number(val) + 22) + '<br>'; // अंकगणित resEle.innerHTML += 'Boolean = ' + Boolean(val) + '<br>'; // true (नॉन-इम्प्टी स्ट्रिंग) }); </script> </body> </html>
आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:
'यहाँ क्लिक करें' बटन पर क्लिक करने पर:
रूपांतरण तालिका
| मान | String() | Number() | Boolean() |
|---|---|---|---|
44 | '44' | 44 | true |
'44' | '44' | 44 | true |
'' | '' | 0 | false |
0 | '0' | 0 | false |
null | 'null' | 0 | false |
undefined | 'undefined' | NaN | false |
[] | '' | 0 | true |
{} | '[object Object]' | NaN | true |
अन्य रूपांतरण मेथड्स
parseInt(str, radix)- स्ट्रिंग से इंटीजरparseFloat(str)- स्ट्रिंग से फ्लोटval.toString()- ऑब्जेक्ट मेथड (null/undefined पर विफल)+val(यूनरी प्लस) - नंबर में त्वरित रूपांतरण'' + val- स्ट्रिंग में त्वरित रूपांतरण!!val- बूलियन में त्वरित रूपांतरण
