• HTML
  • CSS
  • JS

    Nivel 1 JS

    Propiedades

Operador Condicional (Ternario) y Operador Spread

Operador Condicional (Ternario)

Se trata de un tipo especial de operador, su función consiste en ser una alternativa al condicional "if"; literalmente cumple la misma función que este con la diferencia de requerir una menor cantidad de recursos del navegador, por lo tanto, en la mayoría de los casos se puede considerar más óptimo el operador "ternario" que un condicional "if".

La estructura de este operador se asemeja a la del "if", sin embargo, a su vez posee grandes diferencias, las cuales radican en que:

  • El operador ternario "?" se ubica después de la condición impuesta (esta de igual forma se encierra en paréntesis ( ) ) y no antes como en el caso del "if".

  • Los bloques de código del "if" y el "else" son separados por bloques limitados por paréntesis, indicados por el operador ternario "?" para el bloque a ejecutar en caso de que se cumpla la condición y " : " indicando el bloque que se ejecutará en caso de que la condición no se cumpla.

    La estructura se puede simplificar en caso de que cada bloque posea una única expresión, esto se hace definiendo cada expresión directamente después de los operadores sin el uso de los paréntesis para delimitar el bloque (de igual modo el ":" se define en una línea diferente del "?").

    Ejemplo de If

    Ejemplo de operador ternario con sintaxis reducida

    Ejemplo de If Extenso

    Ejemplo de operador ternario con bloques definidos

Operador Spread

Se trata de un operador particular para los arrays, su sintaxis es muy simple: consiste en tres puntos consecutivos antes del nombre del array en cuestión. Este operador permite acceder a todos los datos almacenados en el array a la vez, lo cual se puede emplear de varias maneras:

  • Permite desestructurar el array sin necesidad de trabajar con la desestructuración:

    A continuación se muestra un ejemplo en el que se usa el operador "spread" para obtener los datos de un array.

    Ejemplo

    Resultado

  • Permite añadir los datos de un array dentro de otro sin necesidad de utilizar los índices de cada dato; es decir, con usar este operador se puede acceder a todos los datos a la vez e ingresarlos en otro array de la siguiente forma:

    Ejemplo

    Resultado

  • Permite concatenar arrays, es decir, permite obtener los datos de uno o más arrays para guardarlos en una nueva variable:

    Ejemplo

    Resultado

  • Permite pasar los datos de un array como argumentos a una función sin necesidad de recurrir al índice de los datos:

    Ejemplo

    Resultado

Contacto

¿Quién soy?

Mi nombre es Carlos Miguel Puche Moreno, estoy estudiando programación web de forma autodidacta. Si quieres saber más visita mi perfil de GitHub haciendo clic en mi fotografía, o visita mis redes sociales:

Redes

Currículum