JavaScript में स्ट्रिंग को बूलियन में बदलें

JavaScript में स्ट्रिंग को बूलियन में बदलना एक सामान्य कार्य है, लेकिन इसके कई तरीके हैं जिनके अलग-अलग व्यवहार होते हैं। सही विधि चुनना महत्वपूर्ण है।

उदाहरण

<!DOCTYPE html> <html> <head> <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding: 20px; } 
    input { padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; width: 300px; } 
    button { padding: 10px 20px; background: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; margin-left: 10px; } 
    .sample { margin-top: 20px; font-size: 18px; font-weight: 500; line-height: 2; } 
</style> </head> <body> 
<h1>स्ट्रिंग को बूलियन में बदलना</h1> 
<input class="str" type="text" placeholder="'true', 'false', 'yes', '1' आदि दर्ज करें" /> 
<button class="Btn">बूलियन में बदलें</button> 
<p class="sample"></p> 
<h3>इनपुट फील्ड में मान दर्ज करें और बटन पर क्लिक करें</h3> 
<script> 
    const sampleEle = document.querySelector(".sample"); 
    const inputEle = document.querySelector(".str"); 
    
    document.querySelector(".Btn").addEventListener("click", () => { 
        const val = inputEle.value.trim(); 
        sampleEle.innerHTML = ""; 
        
        // विभिन्न विधियां
        sampleEle.innerHTML += `इनपुट: "${val}"<br><br>`; 
        sampleEle.innerHTML += `== "true": ${val == "true"}<br>`; 
        sampleEle.innerHTML += `=== "true": ${val === "true"}<br><br>`; 
        sampleEle.innerHTML += `Boolean(): ${Boolean(val)}<br>`; 
        sampleEle.innerHTML += `!! (डबल नॉट): ${!!val}<br><br>`; 
        sampleEle.innerHTML += `val === "true" || val === "1" || val === "yes": ${val === "true" || val === "1" || val === "yes"}<br>`; 
    }); 
</script> </body> </html>

आउटपुट तुलना

सिफारिश

सटीक मिलान के लिए: value === "true" उपयोग करें

सामान्य ट्रूथी वैल्यूज के लिए: ["true", "1", "yes", "on"].includes(value.toLowerCase()) उपयोग करें

बचें: Boolean(string) या !!string - ये किसी भी नॉन-खाली स्ट्रिंग के लिए true लौटाते हैं