operator - switch javascript ejemplos

¿Cómo usas el?:operador(condicional) en JavaScript?

Question

¿Puede alguien explicarme en palabras sencillas qué es el operador ?: (Condicional, "ternario") y cómo usarlo?

Answer 1

El operador condicional (ternario) es el único operador de JavaScript que toma tres operandos. Este operador se usa frecuentemente como acceso directo para la sentencia if.

condition ? expr1 : expr2 

Si la condición es verdadera, el operador devuelve el valor de expr1; de lo contrario, devuelve el valor de expr2.

function fact(n) {
  if (n > 1) {
    return n * fact(n-1);
  } else {
    return 1;
  }
  // we can replace the above code in a single line of code as below
  //return (n != 1) ? n * fact(n - 1) : 1;
}
console.log(fact(5));

Para más aclaraciones por favor lea el enlace del documento MDN

Answer 2

Es un poco difícil buscar en Google cuando todo lo que tiene son símbolos;) Los términos a utilizar son "operador condicional javascript".

Si ve más símbolos divertidos en Javascript, debería intentar buscar primero los operadores de Javascript: la lista de operadores de MDC . La única excepción que es probable que encuentre es el símbolo $ .

Para responder a su pregunta, los operadores condicionales reemplazan las sentencias if simples. Un ejemplo es mejor:

var insurancePremium = age > 21 ? 100 : 200;

En lugar de:

var insurancePremium;

if (age > 21) {
    insurancePremium = 100;
} else {
    insurancePremium = 200;
}

Answer 3

Es una if statement todo en una línea.

Asi que

var x=1;
(x == 1) ? y="true" : y="false";
alert(y);

La expresión a evaluar está en el ( )

Si coincide verdadero, ejecuta el código después de ?

Si coincide con falso, ejecute el código después de :

Answer 4

Esta es una abreviatura de una línea para una instrucción if-else. Se llama el operador condicional. ¹

Aquí hay un ejemplo de código que podría acortarse con el operador condicional:

if(userIsYoungerThan21) {
  serveGrapeJuice();
}
else {
  serveWine();
}

Esto se puede acortar con el ?: Así:

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

En Javascript, el operador condicional puede evaluar una expresión, no solo una declaración:

var userType = userIsYoungerThan18 ? "Minor" : "Adult";
serveDrink(userIsYoungerThan21 ? "Grape Juice" : "Wine");

Incluso pueden ser encadenados:

userIsYoungerThan4 ? serveMilk() : userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

Sin embargo, tenga cuidado, o terminará con un código enrevesado como este:

var k = a ? (b ? (c ? d : e) : (d ? e : f)) : f ? (g ? h : i) : j;

¹ A menudo se llama "el operador ternario", pero en realidad es solo un operador ternario [un operador que acepta tres operandos]. Sin embargo, es el único que actualmente tiene JavaScript.

Answer 5

Hola amigo, recuerda que js funciona al evaluar si es verdadero o falso, ¿verdad?

tomemos un operador ternario:

questionAnswered ? "Awesome!" : "damn" ;

Primero, js comprueba si questionAnswered es true o false .

si es true ( ? ) obtendrás "¡Impresionante!"

else (:) obtendrá "maldito";

Espero que esto ayude amigo :)

Answer 6

Podemos usar con Jquery, así como con la longitud, como en el siguiente ejemplo:

Supongamos que tenemos el cuadro de texto GuarantorName que tiene valor y queremos obtener el nombre y el apellido; puede ser nulo. Tan rathar que

        var gnamesplit = $("#txtGuarantorName").val().split(" ");
        var gLastName = "";
        var gFirstName = "";
        if(gnamesplit.length > 0 ){
           gLastName  = gnamesplit[0];        
        }
        if(gnamesplit.length > 1 ){
           gFirstName = gnamesplit[1];        
        }

Podemos usar el código de abajo con Jquery con el código mínimo

    

    var gnamesplit = $("#txtGuarantorName").val().split(" ");
    var gLastName = gnamesplit.length > 0  ? gnamesplit[0] : "";
    var gFirstName =  gnamesplit.length > 1  ? gnamesplit[1] : "";
    $("#txtLastName").val(gLastName);
    $("#txtFirstName").val(gFirstName);
    
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div >
  Guarantor Name: <input type="text" id="txtGuarantorName" value="ASP.NET Core"  /><br/>
  <br/>
  <br/>
  
  First Name: <input type="text" id="txtLastName" value="ASP.NET Core"  />
  Last Name: <input type="text" id="txtFirstName" value="ASP.NET Core"  />
</div>

Answer 7

Probablemente esta no sea la forma más elegante de hacerlo. Pero para alguien que no está familiarizado con los operadores ternarios, esto podría ser útil. Mi preferencia personal es hacer fallbacks de 1 línea en lugar de bloques de condición.

  // var firstName = ''John''; // Undefined
  var lastName = ''Doe'';

  // if lastName or firstName is undefined, false, null or empty => fallback to empty string
  lastName = lastName || '''';
  firstName = firstName || '''';

  var displayName = '''';

  // if lastName (or firstName) is undefined, false, null or empty
  // displayName equals ''John'' OR ''Doe''

  // if lastName and firstName are not empty
  // a space is inserted between the names
  displayName = (!lastName || !firstName) ? firstName + lastName : firstName + '' '' + lastName;


  // if display name is undefined, false, null or empty => fallback to ''Unnamed''
  displayName = displayName || ''Unnamed'';

  console.log(displayName);

Operador ternario

Answer 8

Quiero añadir algo a las respuestas dadas.

En caso de que encuentre (o quiera usar) un ternario en una situación como ''mostrar una variable si está configurada, de lo contrario ...'', puede hacerlo aún más corto, sin ternario .

En lugar de:

var welcomeMessage  = ''Hello '' + (username ? username : ''guest'');

Puedes usar:

var welcomeMessage  = ''Hello '' + (username || ''guest'');

¿Esto es Javascripts equivalente del operador ternario taquigráfico de PHP ?:

O incluso:

var welcomeMessage  = ''Hello '' + (username || something || maybethis || ''guest'');

Evalúa la variable, y si es falsa o no está configurada, pasa a la siguiente.

Answer 9

Se llama el ternary operator . Para más información, aquí hay otra pregunta que respondí con respecto a esto:

Cómo escribir una declaración IF else sin ''else''

Answer 10

Se llama el operador ternario.

tmp = (foo==1 ? true : false);

Answer 11

Se llama operador ''ternario'' o ''condicional''.

Ejemplo

El operador?: Se puede usar como acceso directo para una sentencia if ... else. Normalmente se usa como parte de una expresión más grande en la que una instrucción if ... else sería incómoda. Por ejemplo:

var now = new Date();
var greeting = "Good" + ((now.getHours() > 17) ? " evening." : " day.");

El ejemplo crea una cadena que contiene "Buenas noches". si es despues de las 6pm. El código equivalente que usa una instrucción if ... else se vería de la siguiente manera:

var now = new Date();
var greeting = "Good";
if (now.getHours() > 17)
   greeting += " evening.";
else
   greeting += " day.";

De la documentación de MSDN JS .

Básicamente es una declaración condicional taquigráfica.

Ver también:

• Prioridad del operador con el operador Javascript ternario
• Wikipedia

Answer 12

Operador ternario

Normalmente tenemos sentencias condicionales en Javascript.

Ejemplo:

if (true) {
    console.log(1)
} 
else {
    console.log(0)
}
# Answer
# 1

pero contiene dos o más líneas y no se puede asignar a una variable. Javascript tiene una solución para este problema Operador Ternario . El operador ternario puede escribir en una línea y asignar a una variable.

Ejemplo:

var operator = true ? 1 : 0
console.log(operator)
# Answer
# 1

Este operador ternario es similar en lenguaje de programación C.

Answer 13

 (sunday == ''True'') ? sun="<span class=''label label-success''>S</span>" : sun="<span class=''label label-danger''>S</span>";

 sun = "<span class=''label " + ((sunday === ''True'' ? ''label-success'' : ''label-danger'') + "''>S</span>"

Answer 14

x = 9
y = 8

unario

++x
--x

Binario

z = x + y

Ternario

2>3 ? true : false;
2<3 ? true : false;
2<3 ? "2 is lesser than 3" : "2 is greater than 3";

Answer 15

z = (x == y ? 1 : 2);

es equivalente a

if (x == y)
    z = 1;
else
    z = 2;

Excepto, por supuesto, que es más corto.