Metodi Stringa JavaScript

I metodi delle stringhe ti aiutano a gestire le stringhe.

Metodi e attributi delle stringhe

I valori originali, come "Bill Gates", non possono avere attributi e metodi (poiché non sono oggetti).

Ma attraverso JavaScript, i metodi e gli attributi possono anche essere utilizzati per i valori originali, perché quando si eseguono i metodi e gli attributi, JavaScript considera i valori originali come oggetti.

Lunghezza della stringa

length L'attributo restituisce la lunghezza della stringa:

Esempio

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

Prova tu stesso

Ricerca una stringa all'interno di una stringa

indexOf() Il metodo restituisce il testo specificato nella stringaPrimaIndice dell'apparizione (posizione):

Esempio

var str = "Il nome completo della Cina è la Repubblica Popolare Cinese.";
var pos = str.indexOf("China");

Prova tu stesso

JavaScript calcola le posizioni a partire da zero.

0 è la prima posizione nella stringa, 1 è la seconda, 2 è la terza ...

lastIndexOf() Il metodo restituisce la posizione del testo specificato nella stringaUltimoIndice dell'unico appearances:

Esempio

var str = "Il nome completo della Cina è la Repubblica Popolare Cinese.";
var pos = str.lastIndexOf("China");

Prova tu stesso

se non viene trovato il testo: indexOf() e lastIndexOf() Tutti restituiscono -1.

Esempio

var str = "Il nome completo della Cina è la Repubblica Popolare Cinese.";
var pos = str.indexOf("USA");

Prova tu stesso

Entrambi i metodi accettano come secondo parametro la posizione di partenza della ricerca.

Esempio

var str = "Il nome completo della Cina è la Repubblica Popolare Cinese.";
var pos = str.indexOf("China", 18);

Prova tu stesso

lastIndexOf() Il metodo ricerca all'indietro (dalla fine verso l'inizio), il che significa: se il secondo parametro è 50, ricerca dalla posizione 50 fino all'inizio della stringa.

Esempio

var str = "Il nome completo della Cina è la Repubblica Popolare Cinese.";
var pos = str.lastIndexOf("China", 50);

Prova tu stesso

Ricerca una stringa all'interno di una stringa

search() Il metodo ricerca una stringa specifica all'interno di una stringa e restituisce la posizione del match:

Esempio

var str = "Il nome completo della Cina è la Repubblica Popolare Cinese.";
var pos = str.search("locate");

Prova tu stesso

Hai notato?

due metodi,}indexOf() e search(), èUguale.

Questi due metodi non sono uguali. La differenza sta nel:

  • Il metodo search() non può impostare il secondo parametro di posizione di inizio.
  • Il metodo indexOf() non può impostare valori di ricerca più potenti (espressioni regolari).

ImpareraiEspressione regolareCapirai questi potenti valori di ricerca attraverso questa sezione.

Estrazione di una parte della stringa

Ci sono tre metodi per estrarre una parte della stringa:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

Metodo slice()

slice() Estrae una parte della stringa e restituisce la parte estratta in una nuova stringa.

Questo metodo imposta due parametri: l'indice di partenza (posizione di inizio), l'indice di fine (posizione di fine).

Questo esempio taglia il frammento dalla posizione 7 alla posizione 13 della stringa:

Esempio

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);

Il risultato di res è:

Banana

Prova tu stesso

Se uno dei parametri è negativo, si inizia a contare dalla fine della stringa.

Questo esempio taglia il frammento dalla posizione -12 alla posizione -6 della stringa:

Esempio

var str = "Apple, Banana, Mango";
var res = str.slice(-13,-7);

Il risultato di res è:

Banana

Prova tu stesso

Se il secondo parametro viene omesso, questa metodo taglierà la parte rimanente della stringa:

Esempio

var res = str.slice(7);

Prova tu stesso

O conta dalla fine:

Esempio

var res = str.slice(-13);

Prova tu stesso

Suggerimento:Le posizioni negative non sono applicabili alle versioni di Internet Explorer 8 e precedenti.

Metodo substring()

substring() Simile a slice().

La differenza sta nel substring() Non accetta indici negativi.

Esempio

var str = "Apple, Banana, Mango";
var res = str.substring(7,13);

Il risultato di res è:

Banana

Prova tu stesso

Se il secondo parametro viene omesso, questa substring() Taglia la parte rimanente della stringa.

Metodo substr()

substr() Simile a slice().

La differenza sta nel secondo parametro che definisce la parte estratta.Lunghezza.

Esempio

var str = "Apple, Banana, Mango";
var res = str.substr(7,6);

Il risultato di res è:

Banana

Prova tu stesso

Se il secondo parametro viene omesso, questa substr() taglierà la parte rimanente della stringa.

Esempio

var str = "Apple, Banana, Mango";
var res = str.substr(7);

Prova tu stesso

Il risultato di res è:

Banana, Mango

Se il primo parametro è negativo, calcola la posizione dalla fine della stringa.

Esempio

var str = "Apple, Banana, Mango";
var res = str.substr(-5);

Prova tu stesso

Il risultato di res è:

Mango

Il secondo parametro non può essere negativo, poiché definisce la lunghezza.

Contenuto di sostituzione della stringa

replace() Il metodo sostituisce un altro valore con il valore specificato nella stringa:

Esempio

str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3School");

Prova tu stesso

replace() Il metodo non cambia la stringa chiamata. Restituisce una nuova stringa.

Per default,replace() Sostituisce solo la prima corrispondenza:

Esempio

str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3School");

Prova tu stesso

Per default,replace() È sensibile alle maiuscole e minuscole. Pertanto, non corrisponde a: MICROSOFT

Esempio

str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3School");

Prova tu stesso

Per eseguire una sostituzione senza distinzione tra maiuscole e minuscole, utilizzare l'espressione regolare /i(senza distinzione tra maiuscole e minuscole):

Esempio

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3School");

Prova tu stesso

Notare che l'espressione regolare non è tra virgolette.

Per sostituire tutte le corrispondenze, utilizzare il flag dell'espressione regolare g Flag (usato per la ricerca globale):

Esempio

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3School");

Prova tu stesso

Imparerai di più sulle espressioni regolari di JavaScript in questa sezioneEspressione regolaredel contenuto.

Conversione in maiuscolo e minuscolo

Tramite toUpperCase() Convertire la stringa in maiuscolo:

Esempio

var text1 = "Hello World!";       // stringa
var text2 = text1.toUpperCase();  // text2 è il testo convertito in maiuscolo di text1

Prova tu stesso

Tramite toLowerCase() Convertire la stringa in minuscolo:

Esempio

var text1 = "Hello World!";       // stringa
var text2 = text1.toLowerCase();  // text2 è il testo convertito in minuscolo di text1

Prova tu stesso

Metodo concat()

concat() Connessione di due o più stringhe:

Esempio

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);

Prova tu stesso

concat() I metodi possono essere utilizzati per sostituire l'operatore di aggiunta. Le seguenti due righe sono equivalenti:

Esempio

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

Tutti i metodi di stringa restituiscono una nuova stringa. Non modificano la stringa originale.

In modo formale: la stringa è immutabile: la stringa non può essere modificata, solo sostituita.

String.trim()

trim() Il metodo rimuove gli spazi bianchi all'inizio e alla fine della stringa:

Esempio

var str = "       Hello World!        ";
alert(str.trim());

Attenzione:Internet Explorer 8 o versioni inferiori non supportano trim() Metodo.

Prova tu stesso

Per supportare IE 8, puoi abbinare l'espressione regolare replace() Metodo sostitutivo:

Esempio

var str = "       Hello World!        ";
alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''));

Prova tu stesso

Puoi anche aggiungere la funzione trim utilizzando lo schema replace a String.prototype JavaScript:

Esempio

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
var str = "       Hello World!        ";
alert(str.trim());

Prova tu stesso

Estrazione di caratteri da una stringa

Questi sono due metodi per estrarre caratteri da una stringa:SicuroMetodo:

  • charAt(position)
  • charCodeAt(position)

Metodo charAt()

charAt() Il metodo restituisce la stringa specificata dall'indice (posizione) della stringa:

Esempio

var str = "HELLO WORLD";
str.charAt(0);            // Restituisce H

Prova tu stesso

Metodo charCodeAt()

charCodeAt() Il metodo restituisce l'encoding unicode del carattere specificato dell'indice della stringa:

Esempio

var str = "HELLO WORLD";
str.charCodeAt(0);         // Restituisce 72

Prova tu stesso

Accesso alle proprietà (Property Access)

ECMAScript 5 (2009) permette l'accesso alle proprietà delle stringhe [ ]:

Esempio

var str = "HELLO WORLD";
str[0];                   // Restituisce H

Prova tu stesso

L'accesso tramite proprietà non è molto affidabile:

  • Non è applicabile a Internet Explorer 7 o versioni precedenti
  • Fa sembrare la stringa come un array (in realtà non lo è)
  • Se non si trova un carattere:[ ] Restituisce undefinede charAt() Restituisce una stringa vuota.
  • È readonly.str[0] = "A" Non produce errori (ma non funzionerà!)

Esempio

var str = "HELLO WORLD";
str[0] = "A";             // Non produce errori, ma non funzionerà
str[0];                   // Restituisce H

Prova tu stesso

Suggerimento:Se desideri trattare la stringa come un array, puoi prima convertirlo in un array.

Converti la stringa in un array

Puoi split() Converti la stringa in un array:

Esempio

var txt = "a,b,c,d,e";   // Stringa
txt.split(",");          // Dividi con la virgola
txt.split(" ");          // Dividi con lo spazio
txt.split("|");          // Dividi con la barra verticale

Prova tu stesso

Se si omette il separatore, l'array restituito conterrà l'intera stringa dell'indice [0].

Se il separatore è "\"", l'array restituito sarà un array di intervallo di singoli caratteri:

Esempio

var txt = "Hello";       // Stringa
txt.split("\""

Prova tu stesso

Guida completa Stringa

Per una guida completa, visitate la nostra Manuale di riferimento delle stringhe JavaScript.

Questo manuale include descrizioni e esempi di tutte le proprietà e metodi delle stringhe.