JavaScript | Convertir una string a booleana

A veces es necesario convertir una string que representa el valor booleano «verdadero», «falso» en un tipo intrínseco de JavaScript. Dada una string y la tarea es convertir la string dada a su valor booleano.

Ejemplo 1: este ejemplo usa el operador == para convertir una string a su valor booleano.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Convert string to boolean
    </title>
</head> 
          
<body style = "text-align:center;"> 
      
    <h1 style = "color:green;" > 
        GeeksForGeeks 
    </h1> 
          
    <input id = "input" type="text" name="input"/> 
      
    <button onclick="convertToBoolean()"> 
        Click to convert
    </button> 
      
    <h3 id = "div" style="color: green"></h3>
      
    <!-- Script to convert string to its
        boolean value -->    
    <script> 
        function convertToBoolean() {
            var input = document.getElementById("input");
            var x = document.getElementById("div");
            var str = input.value;
            x.innerHTML = str == 'true';
        }
    </script> 
</body> 
  
</html>                    

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Ejemplo 2: este ejemplo usa el operador === para convertir una string a su valor booleano.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Convert string to boolean
    </title>
</head> 
          
<body style = "text-align:center;"> 
      
    <h1 style = "color:green;" > 
        GeeksForGeeks 
    </h1> 
              
    <input id = "input" type="text" name="input"/> 
      
    <button onclick="convertToBoolean()"> 
        Click to convert
    </button> 
      
    <h3 id = "div" style="color: green"></h3>
      
    <!-- Script to convert string to its
        boolean value -->
    <script> 
        function convertToBoolean() {
            var input = document.getElementById("input");
            var x = document.getElementById("div");
            var str = input.value;
            x.innerHTML = str === 'true';
        }
    </script> 
</body> 
  
</html>                    

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *