JavaScript esencial

Operador de concatenación en JavaScript

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Muchas veces te encontrarás con algunos casos donde necesites unir datos generalmente de texto, y para esta situación el operador de concatenación te ayudará a resolver el problema. Conoce este operador y aprende como usarlo.
03:25

Transcripción

El operador de concatenación nos va a servir para poder unir dos textos o unir dos valores. No va a realizar ninguna operación aritmética, a menos que los datos que nosotros estemos uniendo sean números. Por ejemplo, en el primer caso nosotros vamos a tener una concatenación de números. Cuando tenemos una concatenación de números estamos utilizando el operador que es el símbolo de más, pero cuando tenemos los números lo que vamos a obtener de resultado será una operación aritmética. Vamos a revisar qué sucede. En este caso vamos a sumar los valores de A y'datoB'. Como vemos, tenemos el resultado de una operación aritmética, que es 10 y 20 es igual a 30, pero tenemos otra combinación u otro tipo de combinaciones. ¿Qué sucede, por ejemplo, si estos dos datos no son números y simplemente son letras? Al encapsular el dato en comillas lo estamos convirtiendo en una cadena de texto, así que aquí, en lugar de que diga 30, dirá 1020. Listo. Actualizamos y vemos como cambia ese valor. Debemos tener cuidado con eso precisamente, pero siempre nos va a servir para hacer más cosas. Por ejemplo, ¿qué sucedería si yo al momento de hacer la concatenación de texto lo que quiero es mandar el nombre y el apellido? Entonces, aquí sí nos va a funcionar correctamente este tipo de concatenación. Vamos a probar y vemos como tenemos nosotros donde dice: "Los textos Sergio y Brito se unen para formar: SergioBrito". Pero aquí tenemos un detalle: no hay un espacio que los esté separando. Entonces, simplemente vamos a agregar otro operador de cruz o símbolo de más, escribiremos un par de comillas y en medio dejaremos un espacio. Sí, tenemos que pensar en todo para que todos estos elementos se pueden desplegar correctamente en pantalla. Voy a modificar un poco la pantalla que tengo aquí y vemos como ahora dice: "Los textos Sergio y Brito se unen para formar: Sergio Brito" y ya tiene el espacio considerado en medio. También yo puedo hacer una concatenación de números, como habíamos indicado en la primera parte y, en este caso, vamos a mandar el resultado de 2 y 8. ¿Y qué sucederá cuando tenemos este resultado de 2 y 8? Pues simplemente, al momento de pegar estos valores vamos a obtener obviamente estos dos textos pegados, es decir, los números 2 y 8 usados como texto se unen para formar 28. Cuidado, no estás haciendo una operación aritmética. También, si yo quiero hacer la combinación de lo que sería un dato, es decir, un valor numérico y una cadena de texto, entonces todo esto se va a volver una cadena de texto. Claro, no se puede realizar una operación y entonces el motor de JavaScript es lo suficientemente inteligente como para decidir cuál es el dato que se va a mostrar. Así que vamos a ver qué sucede. En este caso, el número'datoA' usado como texto –perdón, debe decir como número– y 8 como texto se unen para formar, y vamos a ver qué sucede, y en este caso el número 10 usado como número y 8 usado como texto se unen para formar 108. Como ves, la operación aritmética solamente sucede cuando son dos números, pero cuando es la combinación de un número de un texto o de dos textos, entonces estos simplemente se unen. De esta manera, ya estás utilizando un operador de concatenación.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.