trisquel

Aprende JavaScript con ejemplos (IX). Los String en JavaScript

En anteriores ejemplos hemos visto cómo funcionaban los strings.

var web = "myfpschool.com";
var web = 'myfpschool.com';

En su momento dijimos que podíamos utilizar comillas dobles y simples para definir valores a los string.

En el caso que queramos utilizar las comillas dentro de un string, necesitaremos utilizar secuencias de escape. Un ejemplo de esto:
var web = "la mejor \"web\" de tecnología";

Y el contenido del string web sería la mejor “web” de tecnología.
Ejercicio 9.1
Investiga las sencuencias de escape de JavaScript y pon ejemplos con tabuladores, retornos de carro y backslash.

También podemos utilizar strings como objetos. Un ejemplo de un objeto string sería el siguiente:

var web = new String("myfpschool.com");

Ejercicio 9.2
Compara un string creado como un objeto y una variable string. Realiza la comparación (“=”) y ve si JavaScript los ve iguales o diferentes.

Metodos de los strings en JavaScript

JavaScript, al igual que muchos otros lenguajes de programación, tiene muchos métodos para manejar Strings. Veamos un ejemplo para calcular la longitud de un string:


var web = "myfpschool.com";
var longitud = web.length; //longitud valdrá 14

Imaginemos que queremos conocer la posición (el lugar donde comienza) la palabra myfpschool dentro del string web:

var web = "La web myfpschool es una de las mejores en tecnología";
var posicion = web.lastIndexOf("myfpschool"); //posción valdrá 7

Ejercicio 9.3
Realiza un script que cuando pulse un botón me diga la posición de una determinada palabra dentro de una frase.
El script solamente se ejecutará cuando se pulse el botón.

Imaginemos que la palabra o substring (no tiene por que ser una palabra) se repite dentro del texto varias veces. Con el método LastIndexOf() podemos conocer la posición de la última ocurrencia.

Ejercicio 9.4

  • search(string1)
  • slice(inicio, fin)
  • substring(inicio, fin)
  • substr(inicio, longitud)
  • replace(string1,string2)
  • toUpperCase()
  • toLowerCase()
  • concat(string1,string2)
  • charAt(indice)
  • split(string)

Investiga los métodos anteriores y crea un ejemplo para cada uno de ellos.

Ejercicio 9.5

<html>
<body>

<ul>

</ul>

<script>

var list = document.querySelector(‘ul’);
list.innerHTML = ”;
var saludos = ['¡Feliz cumpleaños!',
'Feliz navidades a todos',
'Te deseo una feliz navidad',
'En Navidades nos vamos de fiesta',
'Pasa un buen fin de semana'];

for(var i = 0; i < saludos.length; i++) {
var input = saludos[i];
if(saludos[i].indexOf(‘Navidad’) !== -1) {
var result = input;
var listItem = document.createElement(‘li’);
listItem.textContent = result;
list.appendChild(listItem);
}
}

</script>
</body>
</html>

Tenemos la web anterior pero no hace lo que Antonio el programador desea. Por qué no le echas una mano a Antonio y modificas el código para que muestre correctamente todos los mensajes relativos a las navidades.

Ejercicio 9.6
Igual que el ejercicio anterior pero no queremos que salga ningún mensaje que contenga la palabra fiesta.
Ejercicio 9.7
Mariano tiene un problema con la siguiente página web y es que cuando quiere mostrar los nombres de los equipos correctamente:
MAN : Manchester United
Le salen una serie de números que no desea.
Como no ha terminado todavía el ciclo de DAW te ha pedido que le eches una mano para arreglar la página web.

<html>
<body>

<ul>

</ul>

<script>

var list = document.querySelector(‘ul’);
list.innerHTML = ”;
var equipos = ['MAN675847583748sjt567654;Manchester United',
'RMD576746573fhdg4737dh4;Real Madrid',
'LIV5hg65hd737456236dch46dg4;Liverpool FC',
'SEV4f65hf75f736463;Sevilla FC',
'BAR5767ghtyfyr4536dh45dg45dg3;Barcelona FC'];

for (var i = 0; i < equipos.length; i++) {
var input = equipos[i];
// escribe el código que haga que funcione aquí debajo

var result = input;
var listItem = document.createElement(‘li’);
listItem.textContent = result;
list.appendChild(listItem);
}
</script>
</body>
</html>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>