Codificació aprenderaprogramar.com: CU01114E
CARÀCTERS i CADENES dE tEXT EN JAVASCRIPT
A diferència d’altres llenguatges que diferencien un tipus de dada “caràcter” (char) i un altre cadena de text (string) , en JavaScript ha un únic tipus per englobar tant a caràcters com a cadenes de text com a una cadena buida: el tipus String.
VARIABLES STRING A jAVASCRIPT
estigui habilitat permet definir el text tant dins de cometes dobles com dins de cometes simples. Per exemple és vàlid: var cadenaTexto; cadenaTexto = “aprenderaprogramar.com”;
I també és vàlid: cadenaTexto = ‘aprenderaprogramar.com’;
HTML també permet usar co milles simples o dobles indistintament. Això pot donar lloc a problemes. Per exemple:
onclick = “alert (” Alerta JavaScript “)” seria una construcció incorrecta perquè el navegador no sap interpretar què cometes són d’obertura i quins de tancament.
onclick = “alert ( ‘Alerta JavaScript’)” seria una construcció correcta perquè el navegador determina que les cometes dobles són les externes i les cometes simples les internes.
Nosaltres preferirem utilitzar cometes dobles per a HTML i cometes simples per a JavaScript, tot i que no hi ha res que obligui a que això hagi de ser així.
En JavaScript sempre que es vulgui indicar la presència d’un text es pot optar per cometes dobles o simples, segons es prefereixi. No obstant això, hi haurà situacions en què vulguem que hi hagi cometes dins el propi text, i en aquest cas tenim l’opció a utilitzar un tipus de cometes com delimitadores externes i un altre tipus com cometes internes de el text. Per exemple:
cadenaTexto = ‘ “aprenderaprogramar.com”‘; suposa que el text està delimitat per cometes simples i que la cadena de text conté les cometes dobles.
cadenaTexto = ” ‘aprenderaprogramar.com'”; suposa que el text està delimitat per cometes dobles i que la cadena de text conté les cometes simples.
Tot i això, hi haurà casos en què vulguem que un text contingui simultàniament cometes simples i dobles, de manera que la solució anterior no ens resulta satisfactòria. Per resoldre aquestes situacions, s’usa l’anomenat caràcter backslah o caràcter d’escapament, que és el símbol \.
El símbol \ s’usa per resoldre la representació de símbols que no poden ser inclosos de forma normal dins d’un text. Cal destacar les següents seqüències d’escapament:
|
Seqüència d’escapament |
Resultat |
|
\ ‘ |
Cometa simple |
|
\ “ |
Cometa doble |
|
\\ |
Símbol \ |
|
\ n |
Nova línia |
|
\ t |
Tab |
ha més caràcters d’escapament però aquests són els més usuals. També és possible introduïdes r caràcters (d’escapament o no) usant la codificació Latin-1 o Unicode en què es basa JavaScript, per exemple \ u0041 representa la lletra A, \ u00f3 representa la lletra o, \ u005C representa el caràcter \ i \ xA9 representa el símbol de copyright ©, però aquesta codificació en general no la farem servir excepte en casos molt excepcionals. Si necessites comprovar el codi dels caràcters pots fer-ho buscant a internet “List of Unicode characters”.
El símbol \ inclòs dins d’un text serà ignorat. Per introduir el símbol \ sempre hem de fer-ho escapándolo usant \\.
LONGITUD D’UNA CADENA DE CARÀCTERS
La longitud d’una cadena de caràcters expressada com un valor numèric pot obtenir escrivint la cadena (o el nom de la variable que la representa) seguit de .length.
per exemple “extraordinari” .length retorna 14 per contenir la paraula 14 lletres i “pitó” .length retorna 5 per contenir la paraula 5 lletres.
textoUsuario.length tornarà el nombre de caràcters que contingui la variable textoUsuario.
“”. length retorna zero perquè “” representa una cadena buida o amb zero caràcters.
en general cada caràcter suma una unitat a la propietat length de el text (encara que alguns caràcters estranys sumen 2 unitats per representar-concatenant dos codis Unicode, però això és una cosa a la que no li prestarem atenció perquè a la pràctica gairebé mai et ndremos de treballar amb aquest tipus de caràcters estranys).
Vegem un exemple. Escriu aquest codi i guarda en un arxiu d’extensió html (pots canviar la ruta de la imatge si vols):
< html >
< head >
< title > Curs JavaScript aprenderaprogramar. com < / title > < meta charset = “utf-8” >
< script type = “text / javascript” >
function mostrarMensaje1 () {
var textoUsuario;
var cadenaTexto;
cadenaTexto = ‘\ xA9 aprenderaprogramar.com’; alert ( ‘cadena text val’ + cadenaTexto);
cadenaTexto = ‘ “aprenderaprogramar.com”‘; alert ( ‘cadena text és’ + cadenaTexto);
cadenaTexto = “Lletra A: \ u0041, o amb accent: \ u00f3 segueix Caràcter \\ igualment \ u005C seguit de tres salts de línia \ n \ n \ n Prossegueix cometa simple \ ‘i doble \ “\ n \ n \ n”
alert (‘ cadena text ara conté ‘+ cadenaTexto);
textoUsuario = prompt ( “Introduïu un text per favor: “);
alert (” El text introduït va ser “+ textoUsuario +” amb longitud de “+ textoUsuario.length +” caràcters “);
alert ( “la longitud d’extraordinari és de” + ( “extraordinari” .length) + “caràcters”);
alert ( “la longitud de la cadena buida és de” + ( “” .length) + ” caràcters “);
}
< / script >
< / head >
< body >
< div >
< p > Aquí 1 paràgraf AFO de text situat abans de la imatge, dins d’un div contenidor < / p >
< img onclick = “mostrarMensaje1 ()” src = “http://i.imgur.com/afC0L.jpg” alt = “Notepad ++” title = “Notepad ++, una eina editor de text” >
< p onclick = “alert ( ‘Alerta JavaScript’)” style = “background-color: yellow ; “> Aquí un altre paràgraf de text. JavaScript és un llenguatge utilitzat per a dotar d’efectes dinàmics a les pàgines web.
< / p >
< / div >
< / body >
< / html > a
a
Visualitza el resultat i comprova que la pàgina web es mostra amb normalitat i que JavaScript s’executa amb normalitat quan prems sobre la imatge.
El resultat esperat és que es mostri el següent (comprova-):
cadena text val © aprenderaprogramar.com a cadena text és “aprenderaprogramar.com” a cadena text ara conté Lletra A: A, o amb accent: o segueix Caràcter \ igualment \ seguit de tres salts de línia a Prossegueix cometa simple ‘i doble “a Introduïu un text per favor: bastida a El text introduït fueandamio amb longitud de 7 caràcters a La longitud d’extraordinari és de 14 caràcters a La longitud de la cadena buida és de 0 caràcters
EXERCICI
Consulta a internet quin és el codi unicode que correspon a l’caràcter π (símbol matemàtic Pi) i usant el codi mostra per pantalla el missatge “el nombre π val 3.1416”.
per a comprovar si és correcta la teva solució pots consultar a els fòrums aprenderaprogramar.com.