String
Es un objeto definido por JavaScript que nos permite trabajar con variables de tipo cadena para cambiar su apariencia, modificar su contenido o devolver determinados valores de la misma.
No es preciso crear objetos de este tipo; en realidad, cada vez que tenemos una cadena ya tenemos un String:
var cadena = new String("Nueva cadena");
var cadena2 = "Las dos son String";
Las variables de este tipo pueden ir entrecomilladas con comillas dobles (") o simples ('). El uso de unas u otras es indiferente, siempre. No obstante hay que tener cuidado en los siguientes casos:
Cuando queremos escribir como un carácter " o '
Propiedades.
Los objetos de éste tipo disponen de una propiedad length que devuelve un entero indicando el número de caracteres que tiene (incluidos los espacios en blanco).
Métodos.
Para cambiar el formato de la fuente.
fontsize(n): Cambia el tamaño de la fuente al valor n(va de 1 a 7) pasado, siendo 1 el tamaño más pequeño.
big(): Muestra la cadena con una fuente grande(aunque no la mayor).
small(): Muestra la cadena con un tamaño pequeño.
fontcolor(color): Muestra la cadena en el color especificado en al cadena que se le pasa. El color puede estar indicado con el nombre de un color en inglés (steelblue, green, etc) o en el código RGB.
bold(): Muestra la cadena en negrita.
italics(): Pone la cadena en cursiva (inclinada).
strike(): Muestra el texto tachado, con una línea en medio.
sub(): Muestra la cadena como un subíndice (*).
sup(): Muestra la cadena como un superíndice(*).
toLowerCase(): Muestra la cadena con todos los caracteres en minúsculas.
toUpperCase(): Muestra la cadena con todos los caracteres en mayùsculas.
Veamos unos ejemplos:
var texto = "En un lugar de ...";
texto.fontsize(5) ==>
texto.big() ==>
texto.small() ==>
texto.fontcolor("green") ==>
texto.bold() ==>
texto.italics() ==>
texto.strike() ==>
"SUBINDICE".big()+"1".sub() ==>
"SUPERINDICE"+"1".sup() ==>
texto.toUpperCase() ==>
texto.toLowerCase() ==>
Para la creación de enlaces.
anchor(nombre): Crea un enlace con el nombre pasado en la cadena nombre.
link(URL): Convierte la cadena en un vínculo cuyo destino se corresponde con la cadena pasada como argumento.
texto.anchor("nombreEnlace") ==>
texto.link("#nombreEnlace") ==>
Observa cómo en la primera línea al pasar el cursor del ratón por encima del texto cambia de forma (igual que sucede con los enlaces); pero al darle sólo un nombre no es un link a ninguna parte. Sin embargo, en la segunda línea creamos un link a la línea anterior. Por lo tanto, al pulsar sobre la segunda línea, veremos cómo el documento se desplaza de forma que la primera línea visible es la anterior.
Métodos que devuelven valores de la cadena.
charAt(n): ). Devuelve el carácter que ocupa la posición n.
substring(inico, fin). Devuelve un conjunto de caracteres, el comprendido desde el carácter de la cadena que ocupa la posición inicio(incluido) hasta el carácter que ocupa la posición fin (excluido).
En el uso de estos métodos hay que tener un cuidado especial ya que se pueden producir errores al intentar acceder a una posición que no existe. En una cadena el primer carácter ocupa la posición 0. Por tanto, si la cadena tiene, por ejemplo, 4 caracteres (casa), intentar acceder al carácter que ocupa la posición 4, 7, 20,... producirá un error en el script. Para saber qué posición ocupa el último carácter, se suele utilizar la propiedad length.
var cadena = "Esto es un texto";
var longitud = cadena.length;
var ultimo_caracter = cadena.charAt(longitud-1);
var minicadena = cadena.substring(5, 11);
La variable longitud tendrá un valor de 16. Además, observa cómo la variable ultimo_caracter, el que ocupa la posición, es el que está en la poscición cadena.length()-1, es decir, el 15.
Y minicadena valdrá "es un ", pues el carácter que ocupa la posición 5 es la e de la palabra es y el carácter que ocupa la posición 11 es la t primera de la palabra texto.
indexOf(busca). Devuelve la posición que ocupa el carácter o conjunto de caracteres pasados en el argumento.
indexOf(busca, position). Devuelve la posición que ocupa el carácter o conjunto de caracteres pasados en busca a partir de la posición pasada en el segundo argumento (posición).
Veamos la diferencia entre estos dos últimos métodos con el ejemplo anterior:
var positionInicial = cadena.indexOf("e");
var position7 = cadena.indexOf("e", 7);
positionInicial valdrá 5, que es la posición que ocupa la e de la palabra es. Sin embargo, position7 será 12, puesto que buscamos la e a partir del carácter que ocupa la posición 7(el espacio anterior a la palabra un), y ésta se corresponde con la e de la palabra texto.
lastIndexOf(busca). Da como resultado la última posición del carácter o conjunto de caracteres pasados en el argumento.
lastIndexOf(busca, position). Da como resultado la última posición del carácter o conjunto de caracteres pasados en busca a partir de la posición pasada. La búsqueda se realiza desde dicha posición hacia el principio de la cadena.
En estos cuatro últimos métodos, si la cadena a buscar no se encuentra no se producirá ningún error, sino que devuelve un -1.
var position = cadena.indexOf("m"); //position = -1
