Metodi delle Stringhe JavaScript: Guida Live

Guida ai Metodi delle Stringhe JavaScript

Metodi delle Stringhe JavaScript: Guida con Risultati Live | We.Inc

Scrivi il tuo testo e guarda ogni metodo comune delle stringhe JavaScript eseguito in tempo reale: slice, split, replace con regex, padStart, trim e altri, più helper di validazione da copiare.

Le stringhe JavaScript hanno metodi integrati per cercare (includes, indexOf, startsWith), tagliare (slice, substring, split), cambiare maiuscole e minuscole, rimuovere spazi, riempire e sostituire. Nessuno modifica il testo originale: le stringhe sono immutabili, quindi ogni metodo restituisce un nuovo valore. Scrivi un testo qualsiasi qui sotto per vedere ogni metodo eseguito mentre modifichi.

I metodi usati più spesso

Operazione
Metodo
Risultato di esempio

Contiene una parola?
"web site".includes("site")

Primi 3 caratteri
"website".slice(0, 3)
"web"

Ultimo carattere
"website".at(-1)

Parole in un array
"a b c".split(" ")

Sostituire ogni occorrenza
"a-b-c".replaceAll("-", "/")

Aggiungere zeri a un numero
"7".padStart(3, "0")

Leggere un elenco di metodi ti dice i nomi; eseguirli sul tuo testo ti mostra il comportamento. La guida live qui sotto applica ogni metodo a ciò che scrivi, così casi limite come indici negativi, stringhe vuote e spazi ripetuti emergono subito. Dopo trovi sostituzioni con regex e piccoli helper di validazione da incollare in un modulo.

Scrivi o incolla un testo nel campo. Ogni riga della guida live si ricalcola mentre scrivi.
Filtra le righe per nome o per gruppo, come Cerca o Modifica, per trovare subito un metodo.
Modifica il pattern regex e la sostituzione per provare replace con i gruppi di cattura sul tuo testo.
Copia le funzioni helper più in basso per rimuovere spazi, creare slug, mettere le iniziali maiuscole e controllare le email.

Preferisci slice a substr. MDN segna substr come deprecato, e slice accetta posizioni negative contate dalla fine.
replaceAll con una regex richiede il flag g, altrimenti lancia un TypeError.
Usa localeCompare quando ordini dei nomi, così accenti e maiuscole vengono ordinati come i lettori si aspettano.
length conta le unità di codice UTF-16, quindi una singola emoji può avere lunghezza 2. Espandi la stringa in un array per contare i code point.
Concatenare le chiamate va bene perché ognuna restituisce una stringa nuova: text.trim().toLowerCase().replaceAll(" ", "-").

Domande frequenti

Qual è la differenza tra slice e substring?

Entrambi estraggono una parte di stringa da un indice iniziale fino a un indice finale. slice interpreta un numero negativo come conteggio a ritroso dalla fine, quindi slice(-3) restituisce gli ultimi tre caratteri. substring tratta i negativi come zero e scambia gli argomenti se l'inizio è maggiore della fine.

Come sostituisco tutte le occorrenze in una stringa?

Usa replaceAll("old", "new") per il testo semplice, oppure replace con una regex globale come text.replace(/old/g, "new"). Chiamare replace con una stringa semplice modifica solo la prima corrispondenza.

Come uso i gruppi di cattura in una sostituzione?

Racchiudi parti del pattern tra parentesi e richiamale come $1, $2 nella stringa di sostituzione. I gruppi con nome scritti (?<year>\d{4}) si richiamano come $<year>, e $& inserisce l'intera corrispondenza.

Come controllo se una stringa è un indirizzo email valido?

Un pattern semplice intercetta gli errori di battitura evidenti, ma nessuna regex rispetta del tutto le regole delle email. Il controllo più affidabile nel browser è un input con type="email", che applica il pattern dello standard HTML, seguito dall'invio di un messaggio di conferma.

I metodi delle stringhe modificano la variabile originale?

No. Un valore stringa non può essere modificato dopo la sua creazione. Metodi come toUpperCase restituiscono una nuova stringa, quindi devi assegnare il risultato: name = name.toUpperCase().

Indici, valori negativi e caratteri

Le posizioni partono da 0. at() e slice() accettano numeri negativi che contano a ritroso dalla fine, mentre charAt() e l'accesso con parentesi quadre no, ed è per questo che text.at(-1) è il modo pulito per prendere l'ultimo carattere.
JavaScript memorizza il testo in UTF-16. La maggior parte delle lettere occupa un'unità, ma le emoji e alcuni sistemi di scrittura ne occupano due, quindi length, slice e charAt possono spezzare a metà un carattere di questo tipo. Array.from(text) o un ciclo for...of percorrono invece i veri code point.

Metodi di ricerca che restituiscono cose diverse

includes, startsWith ed endsWith restituiscono un booleano. indexOf e lastIndexOf restituiscono una posizione o -1. search accetta una regex e restituisce anch'esso una posizione. match restituisce le corrispondenze, e matchAll restituisce un iteratore di ogni corrispondenza con i suoi gruppi.
Scegli in base a ciò che serve alla riga successiva. Se devi solo decidere tra sì e no, un metodo booleano si legge meglio del confronto di un indice con -1.

Ripulire l'input degli utenti

Rimuovi gli spazi prima di validare, perché il testo incollato porta spesso spazi o a capo alle estremità. Uniforma maiuscole e minuscole prima di confrontare, e comprimi le sequenze di spazi con replace(/\s+/g, " ").
La validazione nel browser è una comodità per il visitatore. Ripeti gli stessi controlli sul server, perché le richieste possono essere inviate anche senza passare dalla tua pagina.

Sostituire con un'espressione regolare

Una sostituzione con regex può trovare pattern invece di testo fisso, riordinare le parti con i gruppi di cattura o calcolare la sostituzione con una funzione.

Pattern speciali nella stringa di sostituzione

Pattern
Inserisce

L'intera corrispondenza

Il testo di un gruppo di cattura numerato

$<name>
Il testo di un gruppo di cattura con nome

Un simbolo del dollaro letterale

Pattern di sostituzione regex che riutilizzerai

Ogni riga funziona da sola. La forma con funzione ti permette di trasformare ogni corrispondenza, qui mettendo in maiuscolo la prima lettera di ogni parola.

Helper di validazione e pulizia

Slug, iniziali maiuscole, troncamento e un controllo email di base

Funzioni piccole e senza dipendenze per moduli e URL. Il controllo email intercetta solo gli errori evidenti; conferma gli indirizzi inviando un messaggio.

Metodi da evitare

Metodi più vecchi che MDN indica come deprecati

Metodo
Usa invece

substr(start, length)
slice(start, start + length)

anchor(), bold(), link() e gli altri metodi wrapper HTML
Crea gli elementi con il DOM e imposta textContent

Ispeziona

Numero di unità di codice UTF-16

Ispeziona

Carattere in una posizione; i negativi contano dalla fine

Ispeziona

Ultimo carattere

Ispeziona

Carattere in una posizione, stringa vuota se fuori intervallo

Ispeziona

Numero dell'unità di codice UTF-16 in una posizione

Cerca

true se il testo compare in qualsiasi punto

Cerca

true se la stringa inizia con il testo

Cerca

true se la stringa finisce con il testo

Cerca

Prima posizione del testo, oppure -1

Cerca

Ultima posizione del testo, oppure -1

Cerca

Posizione della prima corrispondenza regex, oppure -1

Cerca

Array di ogni corrispondenza con una regex globale

Taglia

Parte tra due posizioni

Taglia

Gli ultimi cinque caratteri

Taglia

Parte tra due posizioni, senza negativi

Taglia

Array di pezzi divisi su un separatore

Modifica

Ogni lettera in maiuscolo

Modifica

Ogni lettera in minuscolo

Modifica

Rimuove gli spazi a entrambe le estremità

Modifica

Rimuove gli spazi all'inizio

Modifica

Rimuove gli spazi alla fine

Modifica

Riempie l'inizio fino a una lunghezza

Modifica

Riempie la fine fino a una lunghezza

Modifica

La stringa unita a se stessa n volte

Modifica

Sostituisce solo la prima corrispondenza

Modifica

Sostituisce ogni corrispondenza

Modifica

Unisce stringhe; + fa lo stesso

Modifica

Forma normale Unicode, utile prima di confrontare

Confronta

Negativo, 0 o positivo per l'ordinamento

Tutti

Guida live ai metodi delle stringhe

Scrivi un testo e ogni metodo qui sotto viene eseguito mentre modifichi.

Il tuo testo (str)

Filtra i metodi

per esempio pad o trim

Gruppo di metodi

Metodi delle stringhe per gruppo ({n} mostrati)

Chiamata

Gruppo

Cosa fa

Risultato

Prova un replace con regex

Modifica pattern, flag e sostituzione per provarli sul tuo testo.

Testo

Pattern

Flag

Sostituzione

Pattern non valido: {msg}

Inizia gratis · Nessuna carta di credito richiesta

Correlati: Guide

Prodotto

Per chi è

Funzionalità

Risorse

Azienda

Mappa del sito