Lavorare con le stringhe senza conoscere i metodi sarà un incubo per gli sviluppatori.
Per sbarazzarci di quegli incubi, dobbiamo conoscere le proprietà e i metodi più essenziali delle stringhe in JavaScript.
Esploriamoli uno per uno.
Sommario:
lunghezza
La proprietà length restituisce la lunghezza della stringa.
const company = "winadmin.it"; console.log(company.length);
toUpperCase()
Il metodo toUpperCase trasforma ogni carattere nella stringa in maiuscolo e lo restituisce. Non cambia la stringa originale.
const company = "winadmin.it"; const upperCaseCompany = company.toUpperCase(); console.log(upperCaseCompany);
toLowerCase()
Il metodo toLowerCase trasforma ogni carattere nella stringa in minuscolo e lo restituisce. Non cambia la stringa originale.
const company = "winadmin.it"; const lowerCaseCompany = company.toLowerCase(); console.log(lowerCaseCompany);
ordinare()
Il metodo trim rimuove gli spazi bianchi iniziali e finali dalla stringa. È un’operazione sul posto, ovvero aggiorna la stringa originale.
const company = " Geek Flare "; console.log(company); console.log(company.trim());
charAt(indice)
Il metodo charAt restituisce il carattere all’indice dato. Restituisce una stringa vuota se l’indice non è valido.
const company = "winadmin.it"; console.log(company.charAt(2)); console.log(company.charAt(10));
charCodeAt(indice)
Il metodo charCodeAt restituisce il codice ASCII del carattere all’indice dato. Restituisce NaN se l’indice non è valido.
const company = "winadmin.it"; console.log(company.charCodeAt(2)); console.log(company.charCodeAt(10));
slice(inizioIndice, fineIndice)
Il metodo slice restituisce la sottostringa dalla stringa da startIndex a endIndex (escluso). Il string.slice(0, 6) restituisce la sottostringa dallo 0° indice al 5° indice.
const company = "winadmin.it"; console.log(company.slice(0, 4));
Anche il metodo slice accetterà un argomento sing. Se passi un singolo argomento al metodo slice, restituirà la sottostringa dall’indice dato alla fine della stringa.
const company = "winadmin.it"; console.log(company.slice(4));
Il metodo slice accetterà anche indici negativi. Gli indici negativi vengono contati dalla fine della stringa. Vediamo un esempio in quanto è nuovo per la maggior parte delle persone.
Data la stringa winadmin.it, gli indici negativi sono
SOL = -9, e = -8, e = -7, k = -6
e così via…
Il codice string.slice(-9, -5) restituirà Geek per l’esempio precedente.
const company = "winadmin.it"; console.log(company.slice(-9, -5));
Il codice string.slice(-5) restituirà Flare per l’esempio precedente.
const company = "winadmin.it"; console.log(company.slice(-5));
Nota: l’indicizzazione negativa non funzionerà in IE8 e nelle versioni precedenti.
substr(startIndex, lunghezza)
Il metodo substr è simile al metodo slice. L’unica differenza è che il metodo substr accetta la lunghezza della sottostringa che deve essere estratta dalla stringa originale.
const company = "winadmin.it"; console.log(company.substr(4, 5));
Esiste un altro metodo chiamato substring che è simile al metodo slice. Ma la sottostringa del metodo non accetterà indici negativi. Provalo.
sostituisci(sottostringa, nuovaSottostringa)
Il metodo replace sostituisce la prima istanza della sottostringa con newSubString.
const statement = "Visit the site Google";
console.log(statement.replace("Google", "winadmin.it"));
indexOf(sottostringa)
Il metodo indexOf restituisce l’indice iniziale di un determinato carattere dalla stringa. Restituirà -1 se il carattere non è presente nella stringa.
const company = "winadmin.it";
console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));
Il metodo indexOf accetterà il secondo argomento che è un indice da cui parte la ricerca della sottostringa data.
const company = "winadmin.it";
console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));
Esiste un altro metodo chiamato lastIndexOf che è simile al metodo indexOf. L’unica differenza è che il metodo lastIndexOf cerca il carattere dalla fine della stringa e restituisce l’indice della prima istanza del carattere. Provalo per il codice company.lastIndexOf(‘e’).
diviso (sottostringa)
Il metodo split divide la stringa data nella sottostringa e restituisce le parti come un array.
const statement = "Visit, the, site, winadmin.it";
console.log(statement.split(" "));
console.log(statement.split(", "));
Conclusione
Questa non è la fine. Esplora i restanti metodi delle stringhe dalla documentazione. Potrebbero esserci altri metodi utili in casi specifici.
Cercali e usali nel tuo specifico se non è elencato qui.
Buona programmazione 🙂
Successivamente, esplora alcuni dei framework JavaScript più diffusi.