Bueno tocó el turno de las funciones de variables de string.
Este va a ser un capítulo largo así que les pido paciencia.
Vamos a ver muchas funciones que nos van a permitir el manejo de caracteres el manejo de strings y vamos
a saber por pantalla todos los resultados y vamos a explicar función por función.
Aquí tengo he creado una carpeta ejercer todos ustedes lo pueden hacer lo mismo si quieren seguirme
si no voy a dejar este documento apuntó J.V.
Para que lo puedan descargar no se preocupen y van a tener todo.
Vamos a ver muchas funciones y lo que hice fue clonar elejercicio uno.
Fíjense que aquí tengo una variable llamada mensaje con un texto y aquí tengo la función mostrar mensajes.
Si yo explicó esto van a ver que tengo muchísimo código.
Todo esto lo he escrito para que ustedes no tengan que esperar a que yo escriba toda esta documentación.
Vamos a usar un objeto que es el objeto document y el objeto document es ni más ni menos que mi página
index mi página HTML en la que estoy trabajando en ese momento y la instrucción rige lo que va a hacer
es mostrarme por pantalla en mi documento lo que yo coloque entre paréntesis es lo mismo que usar en
el índex HTML es lo mismo que escribir un texto y se va a mostrar por cuantas vamos a explicar todo
esto paso por paso voy a mostrarles el resultado aquí tengo mi resultado.
Todo esto lo voy a explicar y vamos a saber qué es lo que hace cada una de las funciones vamos a empezar
por la primera vamos a empezar por la propiedad length
exacto la propiedad Lent es la que nos permite obtener el largo de nuestro texto nuestra variable mensaje
tiene el string Hola a todos y cuando ejecutamos con esta sintaxis mensaje mensaje punto Lent sin paréntesis
nos va a devolver el valor de 12 caracteres.
Si lo vemos aquí en el código lo que he hecho es primero un document right donde dice la variable mensaje
contiene el texto de mensaje vamos a verlo aquí.
Es esta línea y fíjense que hay partes del texto que están resaltados es porque estoy usando las etiquetas
Strogg.
Las etiquetas Strom o es en su defecto podemos usar también las etiquetas de mayúscula de Bold es la
que nos permite mostrar un mensaje resaltado.
Ahora fíjense que nosotros estamos en JavaScript y podemos devolver elementos de HTML a nuestro documento
porque estas son etiquetas de HTML no son de JavaScript y nos permite mezclar cosas de Javascript con
HTML y obtenemos unos resultados espectaculares.
Ahora cómo hago si estoy mostrando un texto para que me muestre el bar.
El valor de la variable mensaje porque si ustedes se fijan aquí aquí me está diciendo que el valor de
mensajes.
Hola a todos.
Pero yo no he escrito la frase Hola a todos lo que se hace es con un signo pesos entre llaves se coloca
el nombre la variable y lo que va a hacer es mostrarme el contenido de esta variable para que todo eso
pueda ser posible.
Tengo que usar las comillas estas comillas que son una especie de apóstrofe invertidos son no son comillas
rectas hacia abajo sino que son de izquierda derecha y estas comillas son las que van a evaluar la función
y me van a permitir concatenar texto estático con el resultado de variables y cálculos y lo que sea.
Estas comillas se usan también en C++ o en Sepur plug plus como dicen en algunos lugares y se utilizan
para esto para mezclar texto con el contenido de funciones o expresiones regulares.
Muy bien vamos a ver ahora ya hemos visto el Lend fijense que aquí lo que hago es entre pesos llaves.
Coloco la función Leng de mi variable mensaje y eso es lo que termina transformando en un número.
Aquí lo vemos el número 12 son los 12 caracteres.
Vamos a ver ahora la función suvez string
perfecto.
La función se restringe es la que me permite ocultar los primeros n caracteres de una variable y me
termina mostrando el resto o es lo mismo que decir que me muestra un contenido de una variable a partir
de una posición determinada.
Por ejemplo aquí yo he colocado un 6 y esto significa que me va a mostrar la variable mensaje pero a
partir de su posición 6.
Recuerden que en Java escrit todos los las posiciones empiezan con el elemento cero así que la h vendría
a ser el elemento cero.
Luego tenemos la hoz que es el elemento 1 la L el 2 la 3 4 el espacio 5 y 6 es un espacio por eso aquí
me muestra Espacio todos.
El espacio no es visible así que lógicamente solamente vamos a ver la palabra todos si vamos al código
es tal cual lo he mostrado por pantalla Mensaje puntos sube string y el elemento a partir de la posición
6 como dijimos.
JavaScript es un lenguaje orientado a objetos todo en JavaScript es un objeto incluidas las variables.
Es por eso que una vez que declaramos una variable recuerden que la declaramos Colet a.
En ese momento ya mensajes se convierte en un objeto y eso nos permite es muy bueno porque nos permite
acceder a sus propiedades sus funciones.
Simplemente pulsando el punto y a partir de ahí podemos navegar por todas sus propiedades y funciones
y las podemos utilizar aquí.
Fíjense que a la derecha nos aparece la ayuda y la explicación de lo que hace cada una de las funciones
o propiedades de ese objeto.
Hemos visto su string.
Vamos a ver una variante muy interesante que es su STR
exacto su BST a diferencia de su Vestrynge solamente me acepta un número en su STD Rello voy a poder
decirle que me traiga de mensaje una porción de texto que comience en la posición 7 y que me ocupe dos
caracteres.
Si vamos al resultado vemos que solamente me trae la palabra tó o esos dos caracteres son los que están
a partir de la posición 7 y dos elementos dos posiciones dos caracteres que van a ser el resultado muy
bien.
Vamos a ver tú Apert cais
exacto Tubau Perquis como se imaginan lo que hace y además estamos mostrando el resultado lo que haces
me convierte todo el texto en mayúsculas.
Por supuesto existe también tu lower arcoiris que me convierte absolutamente todo el texto en minúsculas.
No no hacía falta hacer un caso aparte por tu labor cais porque simplemente con explicarlo ya se entiende
no lleva a ningún parámetro simplemente con colocar siempre recuerden que cuando hacemos mención a una
función tenemos que lleve o no parámetros incluirle los paréntesis de apertura y de cierre.
Vamos a ver la función replays
muy bien la función replays me permite reemplazar un texto de una variable por otro texto.
Aquí nosotros arrancamos con mensaje que el texto es Hola a todos y lo que hemos hecho es en este caso
reemplazar la palabra todos por algunos eso hace que por pantalla ahora mensaje me muestre Hola algunos
pero hay algo muy importante fíjense que ahora debajo yo vuelvo a mostrar el mensaje el valor de mensaje
y me sigue diciendo a todos por qué por qué en este caso la función replays solamente lo ha hecho en
memoria no ha ido a reemplazar el valor de la variable lo que vamos a ver aquí y esto es muy importante.
Fíjense aquí lo que le digo es mostrarme por pantalla el resultado de reemplazar una palabra por otra
pero no me ha modificado la variable.
Por eso yo aquí he mostrado nuevamente el contenido del mensaje para que vean que el mensaje no ha cambiado
su valor.
Una cosa es que yo momentáneamente quiera aplicar esta función para que el resultado obtenido sea otro
a modificar la propiedad de la variable.
Aquí vemos en una línea en la línea 24 que yo he modificado ahora sí la variable mensaje que he hecho
le he dicho que mensaje es igual a mensaje punto replays todos por algunos y esto es lo que provoca
es que a partir de ahora mensaje sí vaya a contener la palabra algunos si vamos a nuestro documento
vamos a ver que ahora mensaje contiene el texto Hola a algunos por qué.
Porque aquí lo he modificado aquí he forzado esa instrucción.
Bueno vamos a ver la función start with
exacto estar Wicks lo que me permite evaluar si la variable mensaje comienza con una palabra o un carácter
determinado y aquí lo que he hecho es pegar un pequeño código de JavaScript donde utilizo una variable
nueva llamada a buscar y le asigno el valor de Hola y lo que quiero saber es mi mensaje comienza con
el valor de buscar o sea comienza con Hola y me va a mostrar por pantalla que estamos viendo un if que
es una estructura lógica que la vamos a ver más adelante vamos a aprender bien más adelante.
Simplemente aquí quiero mostrarles variantes y aquí lo que estoy preguntando es si estar Wits que lo
que me va a devolver es un Tru o un Fors si estar Wits de mensaje comienza con la palabra hola.
Si eso es cierto si estrobo me va a mostrar por pantalla el texto.
Es cierto la variable mensaje comienza con Hola qué lo vemos aquí abajo.
Es cierto la variable mensaje comienza con Hola.
Si no fuera verdadero me mostraría este mensaje falso la variable mensaje no comienza con Hola.
Vamos a hacer una pequeña variante vamos a venir aquí que es el código y le voy a decir que en vez de
olas sea olo voy a grabarlo.
Si vamos a ir a nuestro documento y ahora fíjense que el mensaje es otro ahora es falso.
La variable mensaje no comienza con Holo.
Por qué.
Porque se ha ido por el Herz como esta instrucción no es verdadera se va por el ELS.
Muy bien vamos a ver el Index of
el Index Zoff es una función que me permite obtener la posición de un carácter determinado dentro de
una string.
En este caso yo he puesto que la posición de la letra en la variable mensaje usando mensaje punto Index
Zoff BHA estrés y es exacto nos trae esta posición.
Hola la h es la posición cero la o el 1 la L el 2 y la es el 3 y nos permite obtener la posición del
carácter a.
Si hubiera colocado un caracter que no se encuentra vamos a hacer la prueba vamos a aquí vamos a colocar
una letra J.
Por ejemplo vamos a cambiar el mensaje aquí puede ser un carácter puede ser un texto no necesariamente
tiene que tener un carácter muy bien.
Y aquí me da un menos uno menos uno es lo mismo que fouls significa que si yo evalúo el con un if con
una instrucción como ésta si el resultado del Indec Zoff es igual a menos uno viene a ser lo mismo que
evaluar si es Fors.
Pero por qué no se usa Truong Fool's.
Porque realmente voy a necesitar la posición de un carácter en algunos momentos para hacer algunas operaciones
o truncar o con concatenar o cualquier otra operación con strings.
Vamos a ver la función repite
la función repite me permite repetir n veces un mensaje o un texto qué texto el texto que tengo en la
variable mensaje.
Como le he puesto cinco veces este es el resultado o algunos solo algunos cinco veces.
Muy bien ahora vamos a ver la función trim
la función trim es una de las más famosas me permite quitar los espacios iniciales y finales de un mensaje
por ejemplo fíjense que aquí yo he hecho aquí yo he hecho el repeat y aquí yo estoy haciendo el mismo
ripped pero con un trim inicial vamos a ver el texto porque aquí no está completo.
Vamos a ir a nuestro texto primero aquí teníamos el repeat y aquí tenemos el trim repeat.
Esto es muy interesante porque nos está mostrando que podemos concatenar funciones es decir de mensaje
primero quitar los espacios y seguido por punto hacer una repetición de cinco veces aquí yo en lugar
de ir grabándolo en variables y luego darle un proceso a cada variable en una misma instrucción puedo
primero quitarle los espacios y luego repetir el resultado de la función anterior cinco veces.
Si yo lo hiciera al revés si yo pusiera el repeat me va a repetir con los espacios intermedios y luego
el triunfo final lo que va a hacer es quitármelos el espacio de la derecha y de la izquierda sucesivamente
con lo cual no voy a estar obteniendo lo que quiero.
Aquí tengo el trim inicial y luego el ripped y el resultado es este.
Hola algunos son algunos sin el espacio intermedio fíjense que entre algunos y hola no hay espacios.
Vamos a ver la función ser
la función Serch me devuelve por ejemplo la posición de todo un string dentro de la variable mensaje
y aquí es muy parecida a índex Zoff pero tiene sus variantes.
Por ejemplo vamos a ver que aquí algunos aparecen aparece en la posición 7 y este es el código mensaje
punto Serch algunos bloques me devuelve es la posición inicial.
Esto es lo mismo que índex off y si yo colocara una palabra que no existe me devuelve menos uno.
Del mismo modo vamos a ver la última función que vamos a ver en este capítulo que es la función concatena
bueno y aquí hay algo muy especial la función con K también obviamente fíjense que yo estoy haciendo
un tributo y quitando inicialmente los espacios en mensaje y a ese mensaje le voy a concatenar un texto.
Esto lo va a concatenar el resultado al valor inicial del mensaje y vamos a ver por ejemplo los resultados.
Aquí tenemos la función con k permite concatenar cadenas de texto y entonces le he añadido el coma pero
no a todos y el resultado es hola algunos qué es el valor inicial de mensaje y lea concatenado el string
coma pero no a todos o algunos pero no a todos.
Bueno espero que les haya gustado este capítulo hemos visto muchas funciones de string y nos vamos al
próximo capítulo a ver el tratamiento de las variables numéricas que también tienen sus secretos y nos
va a ayudar a comprender mucho a este lenguaje.
Nos vemos en el próximo capítulo.