Hvordan bryte Bortsett en streng i Javascript

Hvordan bryte Bortsett en streng i Javascript


Java har en rekke strengrelaterte funksjoner som kan brukes til å manipulere tekstbaserte gjenstander. En av de vanligste årsakene til å bryte hverandre strenger er under analyse av verdier i lister. Javascript Den gir en innebygd funksjon, den "split" -funksjonen, som bryter opp en streng i en rekke verdier basert på en bestemt karakter, eller "skilletegn." Når delt inn i deler, hver verdi er plassert i en matrise som kan manipuleres med Javascript innebygde array funksjoner.

Bruksanvisning

1 Åpne en teksteditor og opprette en ny fil med navnet "splitString.html". I de fleste tekstredigeringsprogrammer, er nye filer som er opprettet ved å velge "Ny" fra "Fil" -menyen.

2 Legg noen grunnleggende HTML-koder for å "splitString.html" som inkluderer en hodedelen og en hoveddel. Sammen utgjør disse kodene utgjør en svært grunnleggende HTML-side.

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

3 Sett inn en "<textarea>" HTML tag og et "</ textarea>" HTML-koden mellom splitString.html er "<body>" og "</ body>" koder. Tildele "<textarea>" tag en "id" verdi "streng" og sette inn teksten "ABC12345EFG" mellom "<textarea>" og "</ textarea>" koder. Legg merke til at teksten "ABCD12345EFG" brukes bare som et eksempel; denne teksten kan være noen som ikke reservert (gyldig) tekst med et bestemt skilletegn.

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

4 Sett inn en HTML "<input>" tag etter den avsluttende "</ textarea>" tag og tildele "<input>" tag en "type" attributt "send". Tildele en "onclick ()" slik at den "<input>" tag som kaller en funksjon som heter "splitString ()".

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

5 Lag "splitString" -funksjonen ved å plassere to Javascript skilletegn ( "<script>" og "</ script>") mellom splitString.html er "<head>" og "</ head>" koder. Tildele "<script>" tag en "type" verdi "text / javascript".

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

6 Erklære "splitString" -funksjonen mellom splitString.html sin åpne og lukke "<script>" tags. Plasser to klammeparentes etter at funksjonen erklæring som plassholder for funksjonens kode.

funksjon splitString ()
{
}

7 Sett inn en Javascript "getElementById" metoden inne i splitString funksjonens klammeparenteser. Bruk "getElementById" metode for å hente verdien av "streng" tekstområde (ABC12345EFG). Tildele teksten verdi til en variabel som heter "stringToSplit".

. StringToSplit = document.getElementById ( "streng") verdi;

8 Bruk Javascript "split" funksjon for å bryte opp "stringToSplit" variable på "3" karakter. Lagre resultatet av "split" -funksjonen i en matrise som heter "splitString". Den "splitString" array inneholder nå to verdier: "ABC12" og "45EFG".

splitString = stringToSplit.split ( "3");

9 Bruk to javascript "alert" funksjoner for å lage to alarmbokser. Den første varselboks varsler første rekke verdien (splitString [0]) til nettleseren og andre varselboks varsler andre rekke verdi (splitString [1]) til nettleseren. Lagre og lukk splitString.html. Etter trinn 9, vil splitString.html vises som vist nedenfor:

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

10 Åpne splitString.html i en Javascript-aktivert nettleser. Klikk på "Send" knappen og bekrefter at splitten strengen er varslet i to deler til nettleseren.

Hint

  • Når bryte hverandre strenger med mer enn en enkelt skilletegn verdi, kan en Javascript "for" loop brukes til å hente verdiene.
  • Javascript strenger er objekter som kommer med en rekke objekt metoder som kan brukes til å manipulere strenger, inkludert funksjoner som henter tegn, erstatte dels og bli med strenger.
  • Den "slice ()" Javascript-funksjonen kan brukes til å bryte fra hverandre en streng og returnere en ny streng.
  • Skilletegnet brukes med "split ()" funksjonen er ikke inkludert i resultatene. Vanligvis er dette resultat forventet.
  • Javascript "alert" bokser kanskje ikke fungere som forventet hvis nettleserens innstillinger ikke tillater dem.