A tu propio ritmo

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Buscar en lecciones


IngresarEmpezar
← Regresar a lecciones
Editar en Github

Strings en Javascript

¿Qué es un String en JavaScript?
Métodos de strings en Javascript

En JavaScript, existe un tipo de dato llamado string y existe para representar texto, además de ser una parte primordial de la programación. Durante este artículo, se explicará su función, cómo se utilizan y algunos ejemplos donde se aplica su uso.

Aquí un ejemplo de cómo luce un string en JavaScript:

1let miString = "Esto es un string";

SI todavía no tienes un dominio total sobre cómo programar en JavaScript o para qué sirve Javascript te recomendamos leer sobre ello en el Blog de 4Geeks.

¿Qué es un String en JavaScript?

Un string es un tipo de dato usado en casi todos los lenguajes de programación y cuya funcionalidad principal es representar un texto.

¿Para qué sirven los strings en JavaScript?

Este tipo de dato tiene muchos propósitos y funciones que se van a listar aquí abajo para dejar más claro la funcionalidad de ellos:

  1. Permite la interacción con el usuario: Programadores pueden causar que los strings interactúen con los usuarios por medio de formularios, entradas de datos como el nombre, edad, apellido, etc. También es posible enviar mensajes por medio de las aplicaciones para avisar al usuario acerca algún tema en específico.
  2. Almacenamiento y manipulación de texto: Mediante los strings es posible guardar y manipular información importante como nombres de usuario, mensajes o aplicar funciones como la unión de strings (concatenar), crear una subparte de un string principal(substring), buscar patrones en textos, extraer palabras clave con mayor facilidad y muchas otras más funciones.
  3. Comunicación entre puntos: Los strings son muy usados a la hora de querer comunicar información entre servidores o APIs, por ejemplo. Esto porque es fácil de procesar datos en forma de string para luego crear alguna lógica con programación.

¿Cómo declarar un string en Javascript?

Es muy simple declarar un string en JavaScript. Lo que se debe hacer es escribir algún texto (Puede contener letras, números, o signos) y encerrarlo ya sea con comillas simples o dobles (no habrá ninguna diferencia).

1let mensajeEnString = "Hola Mundo! Esto es un string"; 2 3let otroMensaje = 'Otro mensaje, pero esta vez con comillas simples';

A continuación, se mostrarán casos de uso con los strings.

Concatenar strings en JavaScript

La concatenación es el proceso de unir varios strings en uno solo. En Javascript se puede lograr de la siguiente manera:

1let nombre = "Albert"; 2let apellido "Einstein"; 3let nombreCompleto = nombre + " " + apellido; 4 5console.log(nombreCompleto) 6 7//Resultado: Albert Einstein

Nota que se concatenó un string con un espacio " " para separar nombre de apellido. Sino el resultado hubiese sido: AlbertEinstein

Como se ve en el ejemplo anterior, se utiliza el operado "+" con el fin de concatenar. Otra manera para lograr esto es utilizado comillas invertidas (Backsticks) como se muestra en el ejemplo:

1let nombre = “Daniel”; 2let edad = 22; 3let pais = “Colombia”; 4 5let mensaje = `Mi nombre es ${nombre}. Tengo ${edad} años y vivo en ${pais}`; 6 7console.log(mensaje); 8 9// Resultado: Mi nombre es Daniel. Tengo 22 años y vivo en Colombia

En este código, es más sencillo concatenar varios strings o incluso números utilzando los backsticks "`".

Comparar strings en JavasScript

Para comparar dos o mas strings, se utilizan los operadores de comparación "===" o de negación "!==". Esto retornar un valor booleano en caso de que sea verdadero o falso, permitiendo aplica alguna lógica en especifico dependiendo del resultado

1let fruta1 = "manzana"; 2let fruta2 = "naranja"; 3 4if (fruta1 === fruta2){ 5 console.log("fruta1 y fruta2 son iguales"); 6}else{ 7 console.log("fruta1 y fruta2 son diferentes"); 8}

Métodos de strings en Javascript

Los strings en este lenguaje de programación poseen distintos métodos que podemos utilizar a nuestro favor para realizar diferentes tareas. Éstos son algunos de los métodos más utilizados en Javascript:

string.length

Esta propiedad de los strings permite mostrar la cantidad de caracteres de un texto:

1let texto = "Este texto contiene 33 caracteres"; 2console.log(texto.length); 3 4//Resultado 33

Es importante destacar que este método esta tomando en cuenta los espacios en blanco.

string.slice()

Extrae una parte especifica de un string y retorna esta porción como un nuevo string. Este método toma dos parámetros los cuales son la posición inicial y la final:

1let texto = "Hola mundo!"; 2console.log(texto.slice(2, 9)); 3 4//Resultado 'la mund'

Nota que si se incluye el caracter ubicado en la posicion del parámetro inicial, pero el del parámetro final no se incluye.

string.replace()

El método replace() permite remplazar un valor especifico por otro en forma de string:

1let texto = "Me gusta las manzanas"; 2let textoNuevo = texto.replace("manzanas", "peras"); 3 4console.log(textoNuevo); 5 6//Resultado "Me gustan las peras"

Estos fueron solo algunos ejemplos de los muchos métodos y funciones que se pueden aplicar con los strings en JavaScript. Por medio de práctica, se podrá saber cuando utilizar cada método en el momento idóneo y conseguir el objetivo deseado como programador.

Conclusión

Como se pudo estudiar a lo largo de este artículo, los strings en JavaScript tienen un papel fundamental en la programación donde permite desde la interacción con los usuarios hasta procesar información y datos completos utilizando los métodos de string anteriormente mencionados y entro otros muchos más.

Si estás interesado en aprender más acerca de JavaScript, visita nuestro artículo para profundizar en este tema. Esperamos que te haya quedado claro que son los strings en JavaScript.