Hur man manipulerar och Sök JavaScript Strängar Programmering med HTML

September 22

I JavaScript, strängar är vad de flesta människor likställer till datoruppgifter eftersom folk ser utdata på skärmen som strängar. Lyckligtvis JavaScript ger en mängd olika sätt att interagera med strängar.

Hur att manipulera och söka strängar i JavaScript

Många string sökningar är enkla. En användare söker efter ett visst ord eller andra data i en sträng, och din ansökan finner det. Följande exempel visar en teknik för att utföra en enkel sökning.

<Script language = "JavaScript">
// Definiera en global söksträng.
var Search = "Detta är söksträngen!"
funktion FindString ()
{
// Erhålla värdet användaren vill hitta.
var FindValue =
. document.getElementById ("Search") värde;
// Utför sökning.
var Result = SearchString.indexOf (FindValue);

// Display ett lämpligt resultat.
// Kontrollera om en tom inmatning först.
if (Resultat == 0)
{
document.getElementById ("Resultat"). innerhtml =
"Du måste ange ett ingångsvärde!";
}

// Kontrollera om ett resultat som inte finns bredvid.
annars om (Resultat == -1)
{
document.getElementById ("Resultat"). innerhtml =
"Finns inte söksträngen.";
}

// Visa platsinformation.
annars
{
document.getElementById ("Resultat"). innerhtml =
"Söksträngen" '+ FindValue +
"" Visas på tecknet '+ Resultat;
}
}
</ Script>

I detta exempel börjar koden genom att skapa en global variabel som innehåller en söksträng användaren kan interagera med. Du kan ändra denna sträng till vad du vill för experiment ändamål.

Den FindString () funktionen är kopplad till knappen Find It. Den första uppgiften är att få det värde som användaren vill hitta och placera den i FindValue. Exemplet använder sedan den indexOf () funktionen på Search att lokalisera FindValue och placera positionen i Result.

Hur man manipulerar och Sök JavaScript Strängar Programmering med HTML

Den andra uppgiften är att tolka resultaten. Exemplet ser för ett av tre värden i Result. När Resultat är 0, har användaren inte lämnat någon ingång, och exemplet ber användaren att ge lite. När Resultat är -1, har användaren levererat en söksträng som inte visas i den ursprungliga strängen, och exemplet låter användaren veta att söksträngen inte hittades.

När Result är ett positivt värde, visar programmet position söksträngen i den ursprungliga strängen skärmen.

Hur man arbetar med reguljära uttryck i JavaScript

Inte alla sökningar är enkla. Ibland en användare behöver för att utföra en komplex sökning baserad i ett reguljärt uttryck - en där det finns joker söktermer. Följande exempel visar ett enkelt sätt att genomföra en sådan sökning.

<Script language = "JavaScript">
// Definiera en global söksträng.
var Search =
"Använd ett reguljärt uttryck för att söka en sträng!"

funktion FindString ()
{
// Erhålla värdet användaren vill hitta.
var FindValue =
. document.getElementById ("Search") värde;

// Skaffa modifierare användaren vill använda.
Var Modifierare =
document.getElementById ("Modifierare") värde.;

// Skapa ett sökmönster.
var pattern = new RegExp (FindValue, Modifieringar);

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

Exemplet börjar med att definiera en global söksträng. Den definierar sedan FindString () funktion som används för att utföra själva sökningen. Jämför den här versionen av FindString () med FindString () funktionen ser du att de har vissa likheter, men att denna version är mycket kortare (även om det är långt mer flexibel).

Den FindString () funktionen erhåller söksträngen och placerar den i FindValue. Det får då alla sökord modifierare och placerar dem i Modifieringar. I exemplet skapas ett nytt RegExp-objekt, mönster, det är en kombination av söksträngen och sökmotor modifierare.

Vid denna punkt, använder koden match () funktionen på Search att producera ett resultat. Utgången är faktiskt en matris med värden som du kan använda för att lokalisera varje förekomst av söktermen i söksträngen. De arrayelementen visas på skärmen separerade med kommatecken.

Lägg märke till att den här sökningen använder en parentes reguljärt uttryck för inmatning. Dessutom sökmotormodifierings visas i det andra fältet efter sökuttrycket. Detta exempel är fullt kapabel att använda någon kombination av reguljära uttryck element, så prova olika kombinationer för att se hur de fungerar för dig.

Hur man manipulerar och Sök JavaScript Strängar Programmering med HTML