JavaScript – strings y sus métodos

Que encontrarás aquí?

En esta entrada encontraras todo lo relacionado con memorias tipo string y los distintos metodos que existen para manipular los datos.

Existen muchos metodos y algunos estan “decrepados” en la cita superior encontrareis toda la informacion de los strings.

• Strings
• Declarar un string
• Propiedad length
• Métodos string
  • IndexOf – Devuelve la posición en valor numérico de un grupo de caracteres dentro del string.
  • Includes – Devuelve un valor booleano en buscar un grupo de caracteres dentro del string.
  • Concat – Concatena dos o mas strings.
  • TrimStart – Elimina los espacios iniciales de un string.
  • TrimEnd – Elimina los espacios finales de un string.
  • Trim – Elimina todos los espacios iniciales y finales.
  • Replace – Reemplaza un valor dentro de un string.
  • Slice – Corta desde 2 posiciones dentro del string.
  • Substring – Corta desde 2 posiciones dentro del string.
  • CharAt – Corta un solo caracter char, a partir de su posición.
  • Repeat – Repite una cadena x veces
  • Split – Nos permite dividir una cadena en un array
  • ToUpperCase – Convertir minúsculas a mayúsculas.
  • ToLowerCase – Convertir mayúsculas a minúsculas.
  • ToString – Convertir un valor numérico a string

Strings

un string representa una cadena de caracteres y debe colocarse entre comillas.

En JavaScript, hay 3 tipos de comillas.

• Comillas dobles: “Hola”;
• Comillas simples: ‘Hola’;
• Backticks (comillas invertidas): `Hola`;

Las comillas dobles y simples son comillas “sencillas” (es decir, funcionan igual). No hay diferencia entre ellas en JavaScript.

Los backticks son comillas de “funcionalidad extendida”. Nos permiten incrustar variables y expresiones en una cadena de caracteres encerrándolas en ${…}, por ejemplo:

let name = "John";

// incrustar una variable
alert( `Hola, ${name}!` ); // Hola, John!

// incrustar una expresión
alert( `el resultado es ${1 + 2}` ); //el resultado es 3

Declarar un string

Podemos almacenar un valor string en cualquier variable, includo en forma de objeto.

Dentro de los strings existen las cadenas literales, o cadenas primitivas las cuales son un string a partir del método String( )

Las cadenas creadas con new String( ) (modo constructor) son un objeto y pueden almacenar propiedades en ellas.

const producto2 = String('Producte2 XATO');
const producto3 = new String('Niuna Ni dos Ni 3 sino 3!');


var strPrimitive = String('word');
strPrimitive.prop = "bar";
console.log(strPrimitive.prop); // undefined

var strObject = new String('word');
strObject.prop = "bar";
console.log(strObject.prop); // bar

Métodos string

Existen distintos métodos para tratar con strings. Estos no modifican el valor de la variable, pero modifican el resultado.

IndexOf

Es un método que nos indica a que posición del string se encuentra cierta información, este nos devolverá un valor como el valor de posición de un grupo de caracteres o nos devolverá -1 en caso de no encontrar nada.

const producto = 'south park 3D';

console.log(producto.indexOf('south')); // indexOf nos devolvera 0 porque south esta en la posicion 0.

console.log(producto.indexOf('3D')); // obtendremos 11, porque 3D empieza en la posicion 11.

console.log(producto.indexOf('Tablet')); //No existe Tablet por lo que devolvera -1.

Includes

Includes es un método que devuelve un valor booleano dependiendo de si existe o no la información declarada dentro del string.

const producto = 'South Park 3D';

console.log(producto.includes('Park'));  // Retoranra True

console.log(producto.includes('Tables'));   // Retornara False

Concat

Este método nos permite concatenar 2 datos, desde 2 strings, a un numero con una cadena primitiva.

const producto = 'Monitor 20\" pulgadas';
const precio = 20;

console.log(producto.concat(precio));
console.log(producto.concat('En descuento'));

TrimStart

El método trimStart elimina de la impresión los espacios iniciales, este no modificara el valor de la variable.

const producto = '                     Monitor de 20 pulgadas             ';

console.log(producto.trimStart());
console.log(producto);

TrimEnd

Elimina de la impresión los espacios finales.

const producto = '                     Monitor de 20 pulgadas             ';



console.log(producto.length);
console.log(producto.trimEnd());
console.log(producto.length);

Trim

Elimina los espacios iniciales i finales de la impresión de un valor de string.

const producto = '                     Monitor de 20 pulgadas             ';
console.log(producto.trim());

Replace

Este metodo nos permite reemplazar un valor dentro de un string.

const producto = 'Monitor de 20 pulgadas ';

console.log(producto.replace('pulgadas','"')); //Monitor de 20" 
console.log(producto.replace('Monitor','Monitor curvo')); // Monitor curvo de 20 pulgadas

Slice

Slice nos permite cortar desde la una posicion de un caracter a otro mostrando solo la cadena cortada.

Substring

Este método mostrara la seleccion de caracteres de un string

const producto = 'Monitor de 20 pulgadas ';
console.log(producto.substring(0,10));
console.log(producto.substring(20,10));
console.log(producto.substring(20,7));

CharAt

CharAt nos permite cortar 1 carater de un string. Por ejemplo:
Imaginemos que queremos obtener la Sigla de un nombre, con .charAt( ) podremos seleccionar la sigla.

const usuario = "Eric";
console.log(usuario.charAt(0)); // E

ToUpperCase

Transforma las minúsculas en mayúsculas.

ToLowerCase

Convierte las mayúsculas en minúsculas.

const producto = 'Monitor de 20 pulgadas';

console.log(producto.toLowerCase());

ToString

Transforma un valor numérico en string.

Quieres saber mas?