¿Qué son strings y qué podemos hacer con ellos?

Cuando tenemos poquito tiempo en el bello mundo de la programación y leemos la palabra string pensamos en una cadena de caracteres y estamos en lo correcto, sin embargo, no debemos limitarnos en conocer y dominar la declaración de los string, hay muchas cosas que podemos hacer para manipularlos y lograr los resultados deseados.

En este post aprenderemos los métodos para manipular strings :)

Comencemos recordando las reglas básicas de cómo se declaran:

No hay diferencia si usas comillas simples o dobles. Sólo asegúrate de usar siempre las mismas en tu código ya que es preferible tener un estándar.

var perro = "Perro";
var gato = "Gato";
o
var perro = 'Perro';
var gato = 'Gato';

Es importante mencionar que los índices de cadenas están basados ​​en cero: El primer carácter está en la posición 0, el segundo en 1, y así sucesivamente.

Pero, te has preguntado ¿Cómo hacerle si queremos añadir comillas o caracteres especiales como saltos de línea, tabuladores, etc dentro de la cadena?

var nombreArtistico = "Jonathan 'La Muralla' Parra.";
console.log (nombreArtistico);
//Jonathan 'La Muralla' Parra.
o
var nombreArtistico = 'Jonathan "La Muralla" Parra.';
console.log (nombreArtistico);
//Jonathan "La Muralla" Parra.

En caso de querer utilizar las mismas comillas tanto en la declaración como en el texto del string será necesario anteponer una \ de igual manera con los caracteres especiales, por ejemplo:

var nombreArtistico = "Jonathan \"La Muralla\" Parra.";
console.log (nombreArtistico);
//Jonathan "La Muralla" Parra.
var textoTab = "Este texto tiene \tun Tab.";
console.log (textoTab);
//Este texto tiene    un Tab.
var textoSalto = "Este texto tiene \nun Salto de Línea.";
console.log (textoSalto);
/*Este texto tiene
un Salto de Línea.*/

Ya que vimos a grandes rasgos cómo editar los strings desde la declaración, ahora aprenderemos algunos métodos que JS nos brinda para manipular los string con sentencias ya predefinidas.

charAt(): Devuelve el carácter en el índice especificado de un string.

var str = "HELLO WORLD";
var res = str.charAt(0);
console.log (res);
//H

charCodeAt(): Devuelve el valor Unicode del caracter encontrado en un índice específico.

var str = "HELLO WORLD";
console.log (res);
var res = str.charCodeAt(0);
//72

concat(): Junta dos strings en la misma línea.

var str1 = "Hello ";
var str2 = "world!";
var res = str1.concat(str2);
console.log (res);
// Hello world!

Ojo: Otra forma de concatenar es:

var str1 = "Hello ";
var str2 = "world!";
var res = str1 + str2;
console.log (res);
// Hello world!

endsWith(): Verifica si el string termina con caracteres específicos.

var str1 = "Hello world, welcome to the universe.";
var res = str1.endWith("universe.");
console.log (res);
// True

fromCharCode(): Convierte del valor Unicode a caracter .

var res = str1.fromCharCode(65);
console.log (res);
// A

includes(): Verifica si el string contiene una secuencia de caracteres específicos.

var str1 = "Hello world, welcome to the universe.";
var res = str1.includes("world");
console.log (res);
// True

localeCompare(): Verifica la comparación alfabética de dos strings.

var str1 = "ab";
var str2 = "cd";
var res= str1.localeCompare(str2);
console.log (res);
// -1 
// str1 está alfabéticamente antes que str2, en caso contrario arrojaría 1.

repeat(): Repite el string el número de veces indicado.

var str = "Hello world! ";
var res = str.repeat(2);
console.log (res);
// Hello world! Hello world! 

repeat(): Reemplaza caracteres del string con los que se indica.

var str = "Visit Microsoft!";
var res = str.replace("Microsoft", "Laboratoria");
console.log (res);
// Visit Laboratoria!

slice(): Imprime los caracteres encontrados en un rango dentro de la posición que ocupan en el string.

var str = "Hello world!";
var res = str.slice(1, 5);
console.log (res);
// ello

split(): Separa el string al encontrar un caracter definido y las palabras las guarda en un arreglo.

var str = "How are you doing today?";
var res = str.split(" ");
console.log (res);
//["How", "are", "you", "doing", "today?"]

toLowerCase(): Convierte todo el string a minúsculas.

var str = "Hello World!";
var res = str.toLowerCase();
console.log (res);
// hello world!

toUpperCase(): Convierte todo el string a minúsculas.

var str = "Hello World!";
var res = str.toUpperCase();
console.log (res);
// HELLO WORLD!

trim(): Elimina los espacios en blanco contenidos en un string.

var str = "       Hello World!        ";
alert(str.trim());
console.log (res);
// Hello World!

Bueno, como lo dijimos estos son algunos de los métodos con los que JS nos permite manipular strings.

No olvides que la práctica hace al maestro, así que si ahora no te aprendes todos, con la práctica te irás familiarizando con ellos y cada vez los usarás más…