Come Dividi una stringa in JavaScript

February 16

Come Dividi una stringa in JavaScript


JavaScript ha una varietà di funzioni relative alle stringhe che possono essere utilizzati per manipolare oggetti basati su testo. Uno dei motivi più comuni per spezzarsi stringhe è quando l'analisi dei valori nelle liste. Il linguaggio Javascript fornisce una funzione built-in, la funzione "split", che rompe una stringa in un numero qualsiasi di valori basati su un carattere specifico, o "delimitatore". Una volta suddiviso in quote, ogni valore viene inserito in una matrice che può essere manipolato con funzioni di array built-in di JavaScript.

istruzione

1 Aprire un editor di testo e creare un nuovo file chiamato "splitString.html". Nella maggior parte degli editor di testo, i nuovi file vengono creati selezionando "Nuovo" dal menu "File".

2 Aggiungere alcuni tag HTML di base a "splitString.html" che includono una sezione di testa e una sezione di corpo. Insieme, questi tag comprendono una pagina HTML molto di base.

<Html>
<Head> </ head>
<Body> </ body>
</ Html>

3 Inserire una "<textarea>" tag HTML e un "</ textarea>" tag HTML tra splitString.html del "<body>" e "</ body>" tag. Assegnare il tag "<textarea>" un "id" valore "stringa" e inserire il testo "ABC12345EFG" tra il "<textarea>" e "</ textarea>" tag. Notare che il testo "ABCD12345EFG" è usato solo come esempio; Questo testo può essere qualsiasi (valido) il testo non riservato con un delimitatore specifico.

<Textarea id = "stringa"> ABCD12345EFG </ textarea>

4 Inserire una "<input>" tag dopo la chiusura tag "</ textarea>" HTML e assegnare il "<input>" tag un attributo "tipo" "Invia". Assegnare un "onclick ()" evento al tag "<input>" che chiama una funzione denominata "splitString ()".

<Input type = "submit" onclick = "splitString ()";>

5 Creare la funzione "splitString" mettendo due delimitatori JavaScript ( "<script>" e "</ SCRIPT>") tra splitString.html di "<head>" e "</ head>" tag. Assegnare il tag "<script>" un "tipo" valore "text / javascript".

<Script type = "text / javascript">
</ Script>

6 Dichiarare la funzione "splitString" tra "<script>" tag di apertura e chiusura di splitString.html. Inserire due parentesi graffe dopo la dichiarazione di funzione come segnaposto per il codice della funzione.

Funzione splitString ()
{
}

7 Inserire un metodo JavaScript "getElementById" tra parentesi graffe della funzione splitString. Utilizzare il metodo "getElementById" per recuperare il valore della zona "stringa" di testo (ABC12345EFG). Assegnare il valore di testo a una variabile denominata "stringToSplit".

. StringToSplit = document.getElementById ( "stringa") del valore;

8 Utilizzare la funzione JavaScript "split" per spezzare la variabile "stringToSplit" sul carattere "3". Memorizzare il risultato della funzione "split" in una matrice denominata "splitString". La matrice "splitString" ora contiene due valori: "abc12" e "45EFG".

splitString = stringToSplit.split ( "3");

9 Utilizzare due funzioni JavaScript "alert" per creare due caselle di avviso. La prima finestra di avviso avvisa il primo valore array (splitString [0]) per il browser e seconda casella di avviso di notifica il secondo valore array (splitString [1]) al browser. Salvare e chiudere splitString.html. Dopo il punto 9, splitString.html apparirà come illustrato di seguito:

<Html>
<Head>
<Script type = "text / javascript">
Funzione splitString ()
{
. StringToSplit = document.getElementById ( "stringa") del valore;
splitString = stringToSplit.split ( "3");
alert (splitString [0]);
alert (splitString [1]);
}
</ Script>
</ Head>
<Body>
<Textarea id = "stringa"> ABCD12345EFG </ textarea>
<Input type = "submit" onclick = "splitString ()";>
</ Body>
</ Html>

10 Aprire splitString.html in un browser Web abilitato per JavaScript. Fare clic sul pulsante "Invia" e verificare che la stringa di spaccatura viene avvisato in due parti per il browser Web.

Consigli e avvertenze

  • Quando la rottura a parte le stringhe con più di un singolo valore delimitatore, un JavaScript "per" loop può essere utilizzata per recuperare i valori.
  • stringhe JavaScript sono oggetti che vengono con una varietà di metodi di oggetti che possono essere utilizzati per manipolare le stringhe, comprese le funzioni che recuperano i personaggi, sostituire sottostringhe e unisciti stringhe.
  • La "fetta ()" JavaScript funzione può essere usata per spezzare una stringa e restituire una nuova stringa.
  • Il delimitatore utilizzato con il "split ()" la funzione non è incluso nei risultati. Tipicamente, è previsto questo risultato.
  • JavaScript scatole "alert" potrebbero non funzionare come previsto se le impostazioni del browser non li consentono.