======Stringhe======

[[namespace:javascript|Pagina principale di Javascript]]

Le stringhe in JavaScript sono delimitate da **“virgolette”** o **‘apici’**, l’utilizzo di uno o l’altro è indifferente.
Se vogliamo inserire delle virgolette all’interno di una stringa delimitate dalle virgolette bisogna usare il carattere di escape **\** .
Vale lo stesso discorso per le stringhe delimitate da apici.

<Code:javascript linenums:1|Apici e virgolette>
str = 'Stringa 1'
str2 = "Stringa 2"
strEscapeApici = 'Viva l\'italia'
strEscapeVirgolette = " viva le \"viroglette\" "
strApiciInVirgolette = " Gli ' non creano problemi nelle stringhe con virgolette "
strVirgoletteInApici = '<a href="pag2.php">Link</a>' //comodo per i tag
</Code>

=====Lunghezza di una stringa=====

E'possibile consocere il numero di cartteri di una stringa usando .length

<Code:javascript linenums:1|lunghezza stringa>
str = "1234"
let lunghezzaStringa = str.length ; 
console.log(lunghezzaStringa)
</Code>

=====Concatenatore delle stringhe=====
Le stringe si possono concatenare, cioè aggiungere una all'altra con l'operatore **+**.
<Code:javascript linenums:1|lunghezza stringa e concatenazione> 
str = "1234"
str1 = "5678"
str2 = str + str1 
console.log(str2) 

cm = 183 //è un numero
altezza = "Sono alto  " + cm + " centimetri" //cm viene trattato come una stringa
console.log(altezza) 
</Code>

=====Metodi sulle stringhe=====
Vediamo alcuni metodi sulle stringhe:

====Metodo Split====
In JavaScript, il metodo split() viene utilizzato per dividere una stringa in un array di sottostringhe, utilizzando il separatore specificato.

javascript
Copy code
<Code:javascript linenums:1|il metodo slipt>
stringa.split(separatore, limiteOpzionale)
</Code>
  * **stringa**: La stringa da dividere.
  * **separatore**: Il separatore utilizzato per dividere la stringa. Può essere un carattere o una stringa. Se il separatore viene omesso, la stringa verrà divisa in un array di singoli caratteri.
  * **limiteOpzionale** (opzionale): Un numero intero che specifica il numero massimo di elementi nell'array restituito.

<Code:javascript linenums:1|esempio di slipt>
let testo = "Ciao, come stai?";
let parole = testo.split(" ");
console.log(parole); // Output: ["Ciao,", "come", "stai?"]

let data = "2022-01-01";
let partiData = data.split("-");
console.log(partiData); // Output: ["2022", "01", "01"]
</Code>

====Metodo Slice====
il metodo slice() viene utilizzato per estrarre una parte di una stringa e restituirne una nuova stringa. Questo metodo accetta due parametri: l'indice di inizio e l'indice di fine della porzione della stringa che si desidera estrarre.

Ecco la sintassi di base del metodo slice():

<Code:javascript linenums:1|Il metodo slice>
stringa.slice(indiceInizio, [indiceFine]);
</Code>

   * **indiceInizio**: L'indice iniziale da cui iniziare l'estrazione. Se questo parametro è negativo, rappresenta un offset dalla fine della stringa. Se omesso, l'estrazione inizia dall'inizio della stringa.
   * **indiceFine** (opzionale): L'indice finale fino al quale eseguire l'estrazione (ma senza includerlo). Se omesso, l'estrazione si estende fino alla fine della stringa. Se questo parametro è negativo, rappresenta un offset dalla fine della stringa.

<Code:javascript linenums:1|Il metodo slice>
let stringa = "Hello, world!";
let substr = stringa.slice(7, 12); // Restituisce "world"
console.log(substr);

let parteIniziale = stringa.slice(0, 5); // Restituisce "Hello"
console.log(parteIniziale);

let parteFinale = stringa.slice(-6); // Restituisce "world!"
console.log(parteFinale);
</Code>

====Metodo Replace===
Il metodo replace() viene utilizzato per sostituire parti di una stringa con un'altra stringa. 
Ecco la sintassi di base del metodo replace():

<Code:javascript linenums:1| Il meotodo repalce>
stringa.replace(sottostringa, nuovaStringa)
</Code>

  * **sottostringa**: La sottostringa o l'espressione regolare da cercare nella stringa.
  * **nuovaStringa**: La stringa con cui sostituire le occorrenze della sottostringa.

<Code:javascript linenums:1| Il meotodo repalce>
let stringaOriginale = "La mela è rossa. La mela è dolce.";
let nuovaStringa = stringaOriginale.replace("mela", "banana");
console.log(nuovaStringa); // Output: "La banana è rossa. La mela è dolce."
//è case sensitive
let stringaOriginale2 = "La mela è rossa. La mela è dolce.";
let nuovaStringa2 = stringaOriginale.replace("Mela", "banana");
console.log(nuovaStringa2); // Output: "La mela è rossa. La mela è dolce."
</Code>

====Metodo indexOf====
Il metodo indexOf() in restituisce l'indice della prima occorrenza di una sottostringa all'interno di una stringa, oppure -1 se la sottostringa non viene trovata. 

<Code:javascript linenums:1| Il meotodo indefof>
stringa.indexOf(sottostringa, indiceIniziale)
</Code>
  * **stringa**: La stringa in cui cercare la sottostringa.
  * **sottostringa**: La sottostringa da cercare all'interno della stringa.
  * **indiceIniziale** (opzionale): L'indice iniziale da cui iniziare la ricerca. Se non specificato, la ricerca inizia dall'inizio della stringa.

<Code:javascript linenums:1| Il meotodo indefof>
let testo = "Ciao, mondo!";
let indice = testo.indexOf("mondo");
console.log(indice); // Output: 6

let parola = "banana";
let indiceB = parola.indexOf("b");
console.log(indiceB); // Output: 0

let nonTrovato = "hello";
let indiceNonTrovato = nonTrovato.indexOf("world");
console.log(indiceNonTrovato); // Output: -1
</Code>


====Minuscole e Maiuscole====
I metodi toLowerCase() e toUpperCase(), trasformano tutti i caratteri di una stringa in minuscolo o
maiuscolo,

<Code:javascript linenums:1| Maisucole e Minuscole>
testo = "AbCdEfGh"
//minuscolo
let minuscolo = testo.toLowerCase();
console.log(minuscolo);
//maiuscolo
let maiuscolo = testo.toUpperCase();
console.log(maiuscolo);
</Code>

=====Scorrere una stringa un carattere alla volta=====
Una stringa si puà scorrere come se fosse un [[page:array|array]] di caratteri utilizzando un ciclo [[page:for|for]].

<Code:javascript linenums:1| scorrere una stringa>
let testo = "Ciao, mondo!";
for (let i = 0; i < testo.length; i++) {
  console.log(testo[i]);
}
</Code>