String y RegEx

David Pérez Ruiz

Objetos String y RegEx

Desarrollo Web en Entorno Cliente

Rubén Ramírez Rivera

Índice

David Pérez Ruiz

• Objeto String

• Propiedades
• Métodos
• Plantillas literales
• Objeto RegEx (expresiones regulares)
• Propiedades
• Métodos
• Bibliografía

Objetos String y RegEx

Desarrollo Web en Entorno Cliente

Rubén Ramírez Rivera

Objeto String

• Se utilizan para representar y manipular una secuencia de caracteres.
• Son útiles para almacenar datos que pueden representarse como texto

Declaración del objeto

Objeto String

• Se utilizan para representar y manipular una secuencia de caracteres.
• Son útiles para almacenar datos que pueden representarse como texto

Declaración del objeto

Objeto String

• Se utilizan para representar y manipular una secuencia de caracteres.
• Son útiles para almacenar datos que pueden representarse como texto

Valor primitivo

Propiedades

string[index]

string.length

Representa el carácter correspondiente a la posición indicada.

Representa la longitud de una cadena.

Propiedades

string[index]

string.length

A partir de ECMAScript 5 la cadena se trata de manera similar a un array.

Representa el carácter correspondiente a la posición indicada.

Representa la longitud de una cadena.

Métodos

Objetos String

padEnd()

padStart()

Completa la cadena con caracteres hasta una longitud indicada.

Rellena por la izquierda

Rellena por la derecha

padEnd()

padStart()

Completa la cadena con caracteres hasta una longitud indicada.

Rellena por la izquierda

Rellena por la derecha

1. Primer parámetro: longitud de la cadena resultante. Si es menor que la actual, devuelve la cadena original.
2. Segundo parámetro: carácteres a rellenar. Si se omite, se rellenará con espacios en blanco.

trimEnd()

trim()

trimStart()

Elimina los espacios en blanco de una cadena.

Elimina por la izquierda

Elimina por la derecha

Elimina a izquierda y derecha

trimLeft()

trimEnd()

trim()

trimStart()

trimRight()

Elimina los espacios en blanco de una cadena.

Elimina por la izquierda

Elimina por la derecha

Elimina a izquierda y derecha

split()

Divide un objeto String en un array de subcadenas.

split()

Divide un objeto String en un array de subcadenas.

1. Primer parámetro: carácter limitador de las subcadenas.
2. Segundo parámetro: cantidad de subcadenas a obtener. Si se omite, genera todas las posibles.

substring()

slice()

Obtiene una subcadena nueva a partir de otra.

substring()

slice()

Obtiene una subcadena nueva a partir de otra.

1. Primer parámetro: comienzo de la nueva subcadena.
2. Segundo parámetro: final de la nueva subcadena. Si se omite, toma el final de la cadena original.

substring()

slice()

Obtiene una subcadena nueva a partir de otra.

Si fin > inicio, ambos enteros positivos:

Si uno de los números es menor que 0:

slice lo tomará como string.length - númerosubstring lo tomará como 0.

slice devuelve una cadena vacíasubstring intercambia los valores

1. Primer parámetro: comienzo de la nueva subcadena.
2. Segundo parámetro: final de la nueva subcadena. Si se omite, toma el final de la cadena original.

concat()

El método concatena una o más cadenas a la original.

repeat()

El método devuelve la cadena original repetida tantas veces como se haya indicado en el parámetro.

1. El número no puede ser menor que 0.
2. Si se omite el parámetro o se indica un 0, devolverá una cadena vacía.

lastIndexOf()

indexOf()

Devuelve la localización de la ocurrencia de la cadena que se pasa por parámetro. Si no encuentra nada, devuelve -1.

Localiza la última ocurrencia

Localiza la primera ocurrencia

lastIndexOf()

indexOf()

Devuelve la localización de la ocurrencia de la cadena que se pasa por parámetro. Si no encuentra nada, devuelve -1.

Localiza la última ocurrencia

Localiza la primera ocurrencia

1. Primer parámetro: cadena a buscar.
2. Segundo parámetro: carácter a partir el cual comienza la búsqueda. Si se omite, empieza por el primero.

endsWith()

includes()

startsWith()

Localiza una subcadena dentro de la cadena. Devuelve true si la localiza, false en caso contrario.

Busca por el principio

Busca por el final

Busca en toda la cadena

endsWith()

includes()

startsWith()

Localiza una subcadena dentro de la cadena. Devuelve true si la localiza, false en caso contrario.

Busca por el principio

Busca por el final

búsqueda desde 0 hasta index

búsqueda desde 0 hasta index

Segundo parámetro

Busca en toda la cadena

búsqueda desde index hasta length

toLowerCase()

toUpperCase()

Devuelve una cadena con las letras modificadas.

Todas las letras en minúsculas

Todas las letras en mayúsculas

Plantillas literales

Objetos String

Plantillas literales

• Cadenas literales que habilitan el uso de expresiones incrustadas.
• Permiten cadenas multilínea e interpolación de expresiones.

Cadenas multilínea

Plantillas literales

• Cadenas literales que habilitan el uso de expresiones incrustadas.
• Permiten cadenas multilínea e interpolación de expresiones.

Cadenas multilínea

Plantillas literales

• Cadenas literales que habilitan el uso de expresiones incrustadas.
• Permiten cadenas multilínea e interpolación de expresiones.

Interpolación de expresiones

Objeto RegEx

regexr.com

• Se utilizan para hacer coincidir texto mediante el uso de patrones.

Propiedades

Objetos RegEx

Propiedades

ignoreCase

source

sticky

multiline

Devuelve true si la bandera i es usada. Ignora las mayúsculas en caso de coincidencia.

Devuelve el texto que forma parte del patrón de la expresión regular

Devuelve true si la bandera y es usada. Buscar desde la posición indicada de la expresión regular.

Devuelve true si la bandera m es usada. Indica que una cadena tiene que ser tratada como varias líneas.

Métodos

Objetos RegEx

test()

Este método realiza una prueba en la que busca una coincidencia en su parámetro cadena.

exec()

Este método ejecuta una búsqueda de una coincidencia en su parámetro cadena.

match() y matchAll

Este método se emplea para hacer coincidir la expresión regular con una cadena.

replace()

Busca una coincidencia, esta puede ser una cadena o expresión regular, y la modifica con la cadena o función enviada.

replace()

Busca una coincidencia, esta puede ser una cadena o expresión regular, y la modifica con la cadena o función enviada.

1. Primer parámetro: cadena a buscar.
2. Segundo parámetro: modificación de la cadena.

search()

Este método busca una coincidencia de una expresión regular en la cadena que llama al método.

split()

Este método devuelve un array con cadenas generadas de separar la cadena que realiza la llamada con las ocurrencias referentes a la expresión regular.

Bibliografía

¡Muchas gracias!

¿Alguna pregunta?