JavaScript-index

| | | |

De JavaScript-methode indexOf () retourneert de positie van een element in een lijst of van een subtekenreeks in een tekenreeks. De methode JavaScript indexOf () retourneert -1 als een opgegeven waarde niet voorkomt in een lijst of tekenreeks. Alleen de indexwaarde van de eerste keer dat een waarde voorkomt, wordt geretourneerd.

Vaak wilt u misschien weten of de tekenreeks of array een bepaalde waarde bevat. U heeft bijvoorbeeld een lijst met donutsmaken die in uw donutwinkel worden verkocht. Misschien wilt u controleren of u de impopulaire driedubbele chocoladedonut uit het menu hebt verwijderd.

Hier komt de JavaScript-methode indexOf () van pas. De methode indexOf () retourneert de eerste index waarop een bepaalde waarde kan worden gevonden in een array of string. Als er geen waarde wordt gevonden, wordt een speciale waarde -1 geretourneerd.

In deze zelfstudie onderzoeken we de basisprincipes van de indexOf ()-methode in JavaScript. We zullen twee voorbeelden bekijken om deze methode in actie te laten zien, zodat u de methode indexOf () beter begrijpt.

JavaScript indexOf () met Array

The Array . indexOf () ingebouwde methode zoekt naar een waarde in een array. De methode vindt de indexwaarde van de eerste keer dat een opgegeven item in een array wordt weergegeven. Als een opgegeven element wordt gevonden, retourneert de methode indexOf () het indexnummer van de eerste keer dat de waarde voorkomt. Als het opgegeven element niet wordt gevonden, retourneert indexOf () -1.

De methode indexOf () duurt rekening houden met hoofdletters en kleine letters. Dit betekent dat indexOf () -1 retourneert als een waarde voorkomt in een lijst met een ander hoofdlettergebruik dan degene die we hebben opgegeven.

Hier is de syntaxis van de methode indexOf () in JavaScript:

De methode indexOf () is hoofdlettergevoelig. Hier is de syntaxis van de functie indexOf () in JavaScript:

De parameter item is het item dat we zoeken in onze JavaScript-array . Deze parameter is verplicht. De parameter start_position is optioneel. start_position is de positie in onze array waar indexOf () de zoekopdracht start.

Een voorbeeldscenario

Laten we zeggen dat we geen kaneel meer hebben. We willen kijken of er nog kaneelbroodjes op ons winkelmenu staan. Als er donuts op het menu staan, verwijderen we ze. We kunnen de volgende code gebruiken om deze actie uit te voeren:

De indexOf-methode retourneert: 2. Zoals je kunt zien, is Cinnamon aanwezig in onze array. Dus onze code retourneerde de indexwaarde van de eerste instantie van Cinnamon in onze array, wat in dit geval 2.

De methode indexOf retourneert: 2. Zoals je kunt zien, is Cinnamon aanwezig in onze array. Vervolgens retourneerde onze code de index waarde van de eerste instantie van Cinnamon in onze array, wat in dit geval 2 is.

Ons programma zou 2 moeten retourneren, zelfs als onze array meerdere bevat instances van Cinnamon. Dit komt omdat indexOf () alleen de indexpositie van de eerste instantie van een element retourneert.

Laten we zeggen dat onze chef-kok heeft een nieuwe Jam Supreme donut uitgevonden en toegevoegd aan ons assortiment donut_flavors. Ze weet echter niet of het de donut wordt genoemd. Jam of Jam Supreme. Hij wil controleren of het menu correct is.

Omdat Jam al de eerste is in de array, indexOf () retourneert de positie van Jam. Als we echter de parameter start_position gebruiken, kunnen we de eerste positie overslaan en run Hier de code die onze baas zou kunnen gebruiken om te controleren of Jam verschijnt na indexpositie 1 in de array:

Onze code retourneert: - 1. Hoewel Jam in onze array bestaat, komt deze vóór de indexwaarde 1. De Jam bestaat niet ns de regio die we zoeken o.

JavaScrip t indexOf () met strings

indexOf () kan worden gebruikt om een substring te gebruiken binnen een string . De methode string indexOf () retourneert het indexnummer waarop een subtekenreeks begint in een andere tekenreeks.

Tekenreeksen bijwerken

Net als arrays hebben tekenreeksen in JavaScript ook hun eigen indexwaarden. Strings worden van links naar rechts geïndexeerd, te beginnen met de indexwaarde . Dus voor onze voorbeeldreeks hierboven zouden de volgende indexwaarden ‚Äã‚Äãworden toegewezen:

E < / td> x a m p l en < / td > !
1 2 3 4 5 6 6

Dus als we het teken op positie d `index 4 willen krijgen, kunnen we dat doen met de volgende code:

Onze code retourneert: p.

String.indexOf ()

De String.indexOf () methode kan worden gebruikt om te controleren of een string een bepaalde substring bevat. Als de subtekenreeks binnen de tekenreeks kan worden gevonden, zal indexOf () de indexpositie van het voorkomen van de letter of tekenreeks retourneren; als de substring niet wordt gevonden, retourneert indexOf () -1.

De String.indexOf () methode gebruikt dezelfde syntaxis als de methode Array.indexOf ():

We moeten een substring-argument specificeren. Dit is de waarde die we zoeken in onze keten. Het argument start_position is optioneel en instrueert het programma om de zoekopdracht bij een specifieke index te starten. Het standaardargument start_position is index 0.

Stel dat we een string hebben met de namen van de donuts en dat we willen controleren of de string Blauwe bes. We kunnen de volgende code gebruiken om deze actie uit te voeren:

Onze code geeft het volgende terug: 4. Zoals je kunt zien, bevat onze string donut_flavors Blueberry en de substring begint op de indexpositie 4.

Onze code geeft het volgende terug: 4. Zoals je kunt zien, bevat onze string donut_flavors Blueberry en de substring begint op indexpositie 4.

Maar wat als we wilden controleren of onze string donut_flavors Blueberry bevatte na een specifieke indexpositie? Hier komt het argument start_position om de hoek kijken.

Laten we de term Blueberry zoeken in onze lijst. We beginnen onze zoekopdracht vanaf indexpositie 10 in onze lijst:

Onze code retourneert: -1. Terwijl "donut_flavors" "Blueberry," de tekenreeks begint vóór de indexwaarde 10 in de array. Onze code retourneert "-1". Dit geeft aan dat de subtekenreeks niet gevonden.

Controleer of een waarde bestaat met indexOf ()

U kunt een "if"-statement met de methode indexOf () om te controleren of een waarde bestaat in een string of een array. U kunt bijvoorbeeld u se indexOf () om te controleren of het donutmenu een bepaalde waarde bevat. Vervolgens kunt u een bericht naar de console afdrukken als deze waarde wordt gevonden.

Laten we een programma schrijven dat een bericht naar de console afdrukt als "Chocolade" in een donutlijst staat. Hier is onze code:

Onze code retourneert: "Chocolade donuts staan op het menu! ".

Op de eerste regel van onze code , declareren we onze donutaroma-array genaamd "donut_flavors," die zes waarden bevat.

Vervolgens maken we een if-statement dat indexOf gebruikt om te controleren of "Donut_flavors" bevat "Chocolade." Dit if-statement evalueert of indexOf een waarde retourneert die gelijk is aan "-1."

If indexOf retourneert < em>"-1," betekent dat onze waarde niet in de array is gevonden. Dit betekent dat ons if-statement niet wordt uitgevoerd. Als indexOf een andere waarde retourneert, wordt ons if-statement uitgevoerd.

In dit geval retourneert indexOf () 2. Dit komt omdat "Chocolade" het is aanwezig in onze array "donut_flavors ". Ons programma toont "Chocoladedonuts staan op het menu !" omdat indexOf een waarde heeft geretourneerd die niet gelijk is aan -1.

Conclusie

De JavaScript-methode indexOf () controleert of een string of array een bepaalde waarde bevat. De methode retourneert het indexnummer waarop deze waarde wordt gevonden in de string of array.Als de opgegeven waarde niet wordt gevonden, indexOf ()< /em> geeft "-1."

In deze tutorial hebben we de basis van arrays, strings en hoe ze geïndexeerd worden behandeld, dus we hebben onderzocht hoe de indexOf () methode met strings en arrays om te controleren of het een specifieke waarde bevat.

We hebben uitgelegd hoe je de indexOf () en een " if" statement om te controleren of een waarde in een lijst of een string voorkomt.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method