Hvordan man kan manipulere og Søg JavaScript Strings til program med HTML

I JavaScript, strenge er hvad de fleste mennesker svare til computerdata, fordi folk ser output på skærmen som strenge. Heldigvis JavaScript giver et væld af måder at interagere med strygere.

Sådan manipulere og søge strenge i JavaScript

Mange string søgninger er enkle. En bruger søger efter et bestemt ord eller andre data i en snor, og din ansøgning finder det. Det følgende eksempel viser en teknik til udførelse af en simpel søgning.

<Script language = "JavaScript">
// Definer en global søgestreng.
var SearchString = "Dette er søgestrengen!"
funktion FindString ()
{
// Hent værdien brugeren ønsker at finde.
var FindValue =
. document.getElementById ("SearchString") værdi;
// Udføre søgningen.
var Resultat = SearchString.indexOf (FindValue);

// Vis en passende resultat.
// Kontroller, om en tom indgang først.
Hvis (Resultat == 0)
{
document.getElementById ("Result"). innerHTML =
"Du skal give input værdi!";
}

// Kontroller, om et resultat, der ikke eksisterer næste.
ellers hvis (Resultat == -1)
{
document.getElementById ("Result"). innerHTML =
"Søgestrengen findes ikke."
}

// Vis placering.
andet
{
document.getElementById ("Result"). innerHTML =
"Søgningen strengen" '+ FindValue +
"" Vises på tegn '+ Resultat;
}
}
</ Script>

I dette eksempel koden begynder ved at skabe en global variabel, der indeholder en søgestreng brugeren kan interagere med. Du kan ændre denne streng til noget, du ønsker for forsøg med henblik.

The FindString () funktionen er forbundet med knappen finde den. Den første opgave er at få den værdi, som brugeren ønsker at finde og placere den i FindValue. Eksemplet bruger derefter indexOf () funktionen på SearchString at lokalisere FindValue og placere position i resultatet.

Hvordan man kan manipulere og Søg JavaScript Strings til program med HTML

Den anden opgave er at fortolke resultaterne. Eksemplet ser for en af ​​tre værdier i resultatet. Når Resultatet er 0, har brugeren ikke givet nogen input, og det eksempel beder brugeren om at give nogle. Når Resultatet er -1, har brugeren leveret en søgestreng, der ikke vises i den oprindelige streng, og eksemplet lader brugeren vide, at søgestrengen ikke blev fundet.

Når Resultatet er en positiv værdi, viser programmet position søgestrengen i den oprindelige streng skærmen.

Sådan arbejder du med regulære udtryk i JavaScript

Ikke alle søgninger er enkle. Nogle gange kan en bruger skal udføre en kompleks søgning baseret på et regulært udtryk - en, hvor der er wildcard søgeord. Følgende eksempel viser en enkel måde at gennemføre en sådan søgning.

<Script language = "JavaScript">
// Definer en global søgestreng.
var SearchString =
"Brug et regulært udtryk for at søge en streng!"

funktion FindString ()
{
// Hent værdien brugeren ønsker at finde.
var FindValue =
. document.getElementById ("SearchString") værdi;

// Anskaf modifikatorer brugeren ønsker at bruge.
Var Modifiers =
document.getElementById ("Modifikatorer") værdi.;

// Opret en søgemønster.
var Mønster = ny RegExp (FindValue, Modifiers);

// Udføre søgningen.
document.getElementById ("Result"). innerHTML =
SearchString.match (Mønster);
}
</ Script>

Eksemplet begynder ved at definere en global søgning streng. Det definerer derefter FindString () funktion, der bruges til at udføre den egentlige søgning. Sammenlign denne udgave af FindString () med funktionen FindString (), du ser de har nogle ligheder, men at denne version er meget kortere (selvom det er langt mere fleksibelt).

The FindString () funktion opnår søgestrengen og placerer det i FindValue. Derefter får nogen søgning modifikatorer og placerer dem i Modifiers. Eksemplet opretter en ny RegExp objekt, mønster, det er en kombination af søgestrengen og søgning modifikatorer.

På dette tidspunkt anvender kode kampen () funktion SearchString at frembringe et resultat. Udgangen er faktisk en matrix af værdier, som du kan bruge til at finde hver forekomst af søgeordet i søgestrengen. Array elementer vises på skærmen adskilt af kommaer.

Bemærk at denne søgning bruger en parentes regulært udtryk for input. Desuden søgningen modifikatorer vises i det andet felt efter søgningen udtryk. Dette eksempel er fuldt i stand til at bruge en hvilken som helst kombination af regelmæssige ekspressionselementer, så prøv forskellige kombinationer for at se, hvordan de virker for dig.

Hvordan man kan manipulere og Søg JavaScript Strings til program med HTML


© 2023 Zajacperrone.com | Contact us: webmaster# zajacperrone.com