16-Metodos de cadenas en javascript

En javascript hay muchos metodos de cadenas, y el buen programador tiene de conocer-los, asi que los voy a explicar uno por uno

String length

La propiedad length devuelve la longitud de la cadena.

ejemplo

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
console.log(text.length);     

Extracion de partes del string

Hay 3 métodos para extraer una parte de una cadena:

• slice(start, end)
• substring(start, end)
• substr(start, length)

...

Slide

slice()extrae una parte de una cadena y devuelve el parte extraída en una nueva cadena.

El método toma 2 parámetros: posición inicial y posición final (final no incluido).

ejemplo

let text = "Apple, Banana, Kiwi";
console.log(text.slice(7, 13));   

Nota: JavaScript cuenta posiciones desde cero.

La primera posición es 0.

La segunda posición es 1.

ejemplo

Si omite el segundo parámetro, el método eliminará el resto de la cadena:

let text = "Apple, Banana, Kiwi";
console.log( text.slice(7));   

Si un parámetro es negativo, la posición se cuenta desde el final de la cadena:

ejemplo

Si omite el segundo parámetro, el método eliminará el resto de la cadena:

let text = "Apple, Banana, Kiwi";
console.log(text.slice(-12));   

Este ejemplo corta una porción de una cadena desde la posición -12 a la posición -6:

let text = "Apple, Banana, Kiwi";
console.log(text.slice(-12, -6));   

Metodo substring()

substring()es parecido a slice().

La diferencia es que los valores iniciales y finales inferiores a 0 se tratan como 0 en substring().

let text = "Manzanas, Platanos, Kiwis";
console.log(str.substring(7, 13));   

Si omite el segundo parámetro, substring()cortará el resto del cadena.

Metodo Substr

substr() es parecido a slice()

La diferencia es que el segundo parámetro especifica la longitud de la parte extraída

let text = "Manzanas, Platanos, Kiwis";
console.log(str.substr(7, 6));   

Si omite el segundo parámetro, substr()cortará el resto del cadena.

let text = "Manzanas, Platanos, Kiwis";
console.log(str.substr(7));   

Si el primer parámetro es negativo, la posición cuenta desde el final del cadena.

let text = "Manzanas, Platanos, Kiwis";
console.log(str.substr(-4);   

Metodo replace()

El método replace reemplaza la primera instancia del subcadena con el nuevaSubCadena.

const statement = "Visit the site Google";
console.log(statement.replace("Google", "Frioyelectronica.blogspot"));  

Nota

• El metodo replace() no cambia la cadena a la que se llama.
• El metodo replace() devuelve una nueva cadena.
• El metodo replace() reemplaza solo la primera coincidencia

Por defecto, el replace()El método reemplaza solo la primera coincidencia:

const statement = "Visit the site Google";
console.log(statement.replace("Google", "Frioyelectronica.blogspot"));  

Por defecto, el replace()El método distingue entre mayúsculas y minúsculas. Escribiendo GOOGLE (con mayúsculas) no funcionará:

const statement = "Visit the site Google";
console.log(statement.replace("GOOGLE", "Frioyelectronica.blogspot"));  

Para reemplazar mayúsculas y minúsculas, use una expresión regular con un /ibandera (insensible):

const statement = "Visit the site Google";
console.log(statement.replace("GOOGLE/i", "Frioyelectronica.blogspot"));  

Nota

Las expresiones regulares se escriben sin comillas.

Para reemplazar todas las coincidencias, use una expresión regular con un /gbandera (coincidencia global):

const statement = "Visit the site Google";
console.log(statement.replace("GOOGLE/g", "Frioyelectronica.blogspot"));  

Metodo replaceAll()

El metodo replaceAll() le permite especificar un expresión regular en lugar de una cadena para ser reemplazada.

Si el parámetro es una expresión regular, la bandera global (g) debe establecerse, de lo contrario se lanza un TypeError.

text = text.replaceAll(/Cats/g,"Dogs");
text = text.replaceAll(/cats/g,"dogs");  

Metodo toUpperCase()

El método toUpperCase convierte todos los caracteres de la cadena en mayúsculas y los devuelve. No cambia la cadena original.

        const company = "Frioyelectronica.blogspot";
        const upperCaseCompany = company.toUpperCase();
        console.log(upperCaseCompany);
         

Metodo toLowerCase():

El método toLowerCase convierte todos los caracteres de la cadena en minúsculas y los devuelve. No cambia la cadena original.

        const company = "Frioyelectronica.blogspot";
        const lowerCaseCompany = company.toLowerCase();
        console.log(lowerCaseCompany);
            

Metodo concat()

concat() une dos o más cadenas:

let text1 = "Hola";
let text2 = "Mundo";
let text3 = text1.concat(" ", text2);     

Este metodo concat() se puede usar en lugar del signo (+) para concatenar cadenas

text = "Hola" + " " + "Mundo!";
text = "Hola".concat(" ", "Mundo!");   

Nota: Las cadenas son inmutables: las cadenas no se pueden cambiar, solo reemplazar.

Metodo trim()

Con este metodo elimina los espacios en blanco de ambos lados de una cadena:

const company = "         Site de Google          ";
console.log(company);
console.log(company.trim());
          

Metodo trimStart ()

El metodo trimstart funciona como trim(), pero elimina los espacios en blanco solo desde el comienzo de una cadena.

const company = "         Site de Google          ";
console.log(company);
console.log(company.trim());       

Metodo trimEnd()

El metodo trimEnd funciona como trim(), pero elimina los espacios en blanco solo del final de una cadena.

Metodo padStart()

El metodo padStart rellena una cadena con otra cadena:

let text = "5";
let padded = text.padStart(4,"x"); 
Resultado xxx5
    

Metodo padEnd()

El metodo padStart rellena una cadena con otra cadena:

let text = "5";
let padded = text.padStart(4,"x"); 
Resultado xxx5
    

Metodo charAt(index)

El método charAt devuelve el carácter en el índice dado. Devuelve una cadena vacía si el índice no es válido.

const company = "frioyelectronica";
console.log(company.charAt(2));
console.log(company.charAt(10));    
    

Metodo charCodeAt(index)

El método charCodeAt devuelve el carácter de código ASCII en el índice dado. Vuelve NaN si el índice no es válido.

const company = "frioyelectronica";
console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));    
    

Convertir una cadena en una matriz

Si desea trabajar con una cadena como una matriz, puede convertirla en una matriz.

Metodo split()

Una cadena se puede convertir en una matriz con el metodo split()

text.split(",")    // Dividir por comas
text.split(" ")    // Dividir por espacios
text.split("|")    // Dividir en tubería   
    

Si se omite el separador, la matriz devuelta contendrá la cadena completa en el índice [0].

Si el separador es "", la matriz devuelta será una matriz de un solo caracteres:

Ir al indice