Hvordan å manipulere og Søk Javascript Strings å programmere med HTML

I Javascript, strenger er hva de fleste mennesker likestille til datamaskinen data fordi folk se et resultat på skjermen som strenger. Heldigvis gir Java et vell av måter å samhandle med strenger.

Hvordan å manipulere og søke strenger i Javascript

Mange streng søk er enkel. En bruker ser etter et bestemt ord eller andre data i en snor, og søknaden finner den. Følgende eksempel viser en teknikk for å utføre et enkelt søk.

<Script language = "Javascript">
// Definer en global søkestrengen.
Var search = "Dette er søkestrengen!"
funksjon FindString ()
{
// Skaff verdien brukeren ønsker å finne.
Var FindValue =
. document.getElementById ("search") verdi;
// Utfør søket.
Var Resultat = SearchString.indexOf (FindValue);

// Vise en passende resultat.
// Sjekk for en blank innspill først.
if (Resultat == 0)
{
document.getElementById ("Resultat"). innerhtml =
"Du må oppgi en inngangsverdi!";
}

// Sjekk for et resultat som ikke eksisterer neste.
else if (resultat == -1)
{
document.getElementById ("Resultat"). innerhtml =
"Søkestreng finnes ikke.";
}

// Vise stedsinformasjon.
annet
{
document.getElementById ("Resultat"). innerhtml =
'The søkestreng »' + FindValue +
"" Vises på tegnet '+ Resultat;
}
}
</ Script>

I dette eksempel, begynner kode ved å skape en global variabel som inneholder en søkestreng brukeren kan interagere med. Du kan endre denne strengen til noe du ønsker for eksperimentering formål.

Den FindString () -funksjonen er koblet til Find It-knappen. Den første oppgaven er å få verdi som brukeren ønsker å finne og plassere den i FindValue. Eksemplet bruker deretter indexOf () -funksjonen på search å finne FindValue og plassere posisjon i Resultat.

Den andre oppgaven er å tolke resultatene. Eksemplet ser ut for en av tre verdier i Result. Når resultatet er 0, brukeren har ikke gitt noen innspill, og eksempelet ber brukeren om å gi noen. Når Resultatet er -1, brukeren har levert en søkestreng som ikke vises i den opprinnelige strengen, og eksempelet lar brukeren vet at søkestrengen ikke ble funnet.

Når Resultatet er en positiv verdi, viser programmet plasseringen av søkestreng i den opprinnelige strengen på skjermen.

Hvordan arbeide med regulære uttrykk i Javascript

Ikke alle søk er enkle. Noen ganger kan en bruker trenger for å utføre en kompleks søk basert på et vanlig uttrykk - en der det er joker søkeord. Følgende eksempel viser en enkel måte å implementere et slikt søk.

<Script language = "Javascript">
// Definer en global søkestrengen.
Var search =
"Bruk et vanlig uttrykk for å søke en streng!"

funksjon FindString ()
{
// Skaff verdien brukeren ønsker å finne.
Var FindValue =
. document.getElementById ("search") verdi;

// Skaff modifikatorer brukeren ønsker å bruke.
Var Modifiers =
document.getElementById ("Modifikatorer") verdi.;

// Lag et søkemønster.
Var Mønster = ny RegExp (FindValue, Modifikatorer);

// Utfør søket.
document.getElementById ("Resultat"). innerhtml =
SearchString.match (Pattern);
}
</ Script>

Eksempelet begynner med å definere en global søkestrengen. Den definerer deretter FindString () funksjon som brukes til å utføre selve søket. Sammenligne denne versjonen av FindString () med FindString () -funksjonen du ser de har noen likheter, men at denne versjonen er mye kortere (selv om det er langt mer fleksibel).

Den FindString () -funksjonen henter søkestrengen og plasserer det i FindValue. Det får da noen søke modifikatorer og plasserer dem i Modifiers. Eksempelet oppretter en ny RegExp objekt, mønster, som er en kombinasjon av søkestrengen og søke modifikatorer.

På dette punktet, bruker koden kampen () -funksjonen på search å gi et resultat. Utgangen er faktisk en matrise med verdier som du kan bruke til å finne hverandre forekomst av søkeordet i søkestrengen. Oppstillingselementene vises på skjermen atskilt med komma.

Legg merke til at dette søket bruker en parentes vanlig uttrykk for innspill. I tillegg søke modifikatorer vises i det andre feltet etter søkeuttrykket. Dette eksemplet er fullt i stand til å bruke en hvilken som helst kombinasjon av regulære uttrykk elementer, så prøv forskjellige kombinasjoner for å se hvordan de fungerer for deg.