In Javascript gebruiken

| | | | | | | | |

JavaScript is een programmeertaal die wordt gebruikt om dynamische inhoud op websites te maken.

Neem even de tijd om na te denken over de webfuncties die u dagelijks gebruikt. Bedenk hoe de nieuwe inhoud wordt geladen als je blijft scrollen op Twitter of hoe YouTube wordt bijgewerkt wanneer je op de knop Vind ik leuk klikt. Dit is JavaScript op het werk. JavaScript kan worden gebruikt om interactieve formulieren te maken, afbeeldingen te animeren, responsieve elementen te maken en meer om aan uw behoeften te voldoen

Bij het bouwen van een website zijn er drie belangrijke webtechnologieën die u zult gebruiken. HTML, CSS en JavaScript. U gebruikt HTML om de structuur van een webpagina te bepalen en CSS om te bepalen hoe een webpagina eruitziet. JavaScript is het derde element van webontwikkeling dat u kunt gebruiken om uw site dynamisch te maken.

En dat is niet alles wat JavaScript kan doen. Als u meer dan één statische webpagina wilt maken, raden we u aan JS te gebruiken. Maar JavaScript kan ook worden gebruikt bij back-end webontwikkeling, of om games te ontwikkelen of om mobiele applicaties te maken.

In deze gids zullen we enkele van de meest voorkomende bewerkingen bespreken die u mogelijk tegenkomen bij het leren van JavaScript. We zullen de basis van JavaScript bespreken, inclusief subketens, testcode met behulp van try ... catch -blokken, gebruik van if-statements en meer. Nadat we de basis hebben behandeld, zullen we ook enkele meer geavanceerde JavaScript-functies verkennen.

Als JavaScript nieuw voor u is en op zoek bent naar een inleidende tutorial, hoeft u niet verder te zoeken dan deze gids! Laten we beginnen met het verkennen van enkele van de meest voorkomende bewerkingen in JavaScript.

Filter en verklein JavaScript

Als u met een array in JavaScript werkt, kunt u uw objecten filteren of een berekening uitvoeren op alle elementen. naar het binnenste van de matrix. Hier komen respectievelijk de functies filter () en reduce () in het spel.

Filter () De functie kan worden gebruikt om waarden ‚Äã‚Äãdie voldoen aan bepaalde criteria uit een array te halen. Hier is een voorbeeld van een filterfunctie die alle leerlingen 1e leerjaar retourneert:

reduce () methode kan worden gebruikt om een array terug te brengen tot een enkele waarde. Als we bijvoorbeeld de totale leeftijd van studenten in een klas willen krijgen, kunnen we deze code gebruiken:

Bekijk onze volledige handleiding over deze functies voor meer informatie over hoe ze werken en hoe je ze in je code kunt gebruiken.

JavaScript-tekenreeks bevat

tekenreeksen worden gebruikt bij het programmeren voor r-weergave en met tekst. Wanneer u met een string werkt, kunt u controleren of deze string een bepaalde waarde bevat of niet. U kunt bijvoorbeeld controleren of iemands naam Jones bevat of niet.

U kunt de ingebouwde understands () in JavaScript gebruiken om te controleren of een string bevat een substring. Hier is een voorbeeld van de include () methode die wordt gebruikt om te controleren of een string een substring bevat:

JavaScript Split and Slice

Vaak kun je een string hebben die je wilt splitsen in een substring of een array. Om dit te doen, kunt u de JavaScript-functies split () en slice ()

met de functie split () kun je een string opsplitsen in een array. Als u bijvoorbeeld de volledige naam van een gebruiker naar een reeks tekenreeksen wilt converteren, kunt u de. split () functie Hier is een voorbeeld van split () in actie:

slice () retourneert alle tekens tussen twee indexnummers in een string, zodat u een substring kunt maken. Hier is een voorbeeld van een slice in actie.

p>

JavaScript-code splice () kan worden gebruikt om een element toe te voegen of te verwijderen vanaf elke positie in een array. Als u bijvoorbeeld een lijst met werknemersnamen heeft en u wilt de tweede van de lijst verwijderen, kunt u splice () gebruiken.

Hier is een voorbeeld van splice () gebruikt om de naam Paul, die de waarde heeft van index 3 , uit een array te verwijderen:

JavaScript Substring

Met de JavaScript-code substring ( ) methode kun je delen van een string extraheren en daar een substring maken. Als u bijvoorbeeld de laatste twee tekens in iemands naam wilt krijgen, kunt u de substring () gebruiken.

Hier is een voorbeeld van een substring die wordt gebruikt om de eerste te verwijderen twee tekens uit een string:

JavaScript Try Catch

Elke ontwikkelaar maakt fouten bij het coderen en het is erg belangrijk om ervoor te zorgen dat als er een fout optreedt, deze op de juiste manier wordt behandeld. Try/catch-blokken worden in JavaScript gebruikt voor afhandelingsfouten.

Als een try/catch-blok wordt gebruikt, wordt de code uitgevoerd en wordt een aangepast antwoord geretourneerd als er een fout in de code wordt gevonden. Hier is een voorbeeld van een try/capture-procedure in actie:

JavaScript If Else

Voorwaardelijke instructies worden gebruikt wanneer u wilt dat uw code wordt uitgevoerd alleen als aan een aantal criteria is voldaan. U wilt bijvoorbeeld dat uw programma de gebruikersnaam afdrukt als deze met een geldige naam is ingevoerd en een bericht naar de gebruiker in de webbrowser stuurt als zijn naam ongeldig is.

De if / else statement kan worden gebruikt om bepaalde code uit te voeren als een statement waar is en om een ander blok code uit te voeren als een statement niet waar is. Hier is de syntaxis van een if / else-declaratie:

Vervang JavaScript-tekenreeks

de JavaScript < the> Replace () -code kan worden gebruikt om bepaalde tekens - of reeksen tekens - in een tekstreeks te vervangen. U kunt bijvoorbeeld replace () gebruiken om het e-mailadres van elke instantie van een gebruiker te wijzigen in een tekenreeks als de gebruiker zijn e-mailadres heeft gewijzigd

Hier is een voorbeeld van hoe u vervang () in JavaScript om tekst te vervangen:

JavaScript onclick

Als je een webpagina maakt, wil je misschien iets doen wanneer een gebruiker erop klikt. Je kunt een gebruiker bijvoorbeeld een bericht laten krijgen als hij op een knop of een afbeelding klikt om vergroten waarop wordt geklikt. Dit is waar de functie onclick () wordt gebruikt .

onclick () stelt je in staat om een interactieve webpagina te maken zodat als een gebruiker op een item klikt, er iets zal gebeuren. Lees onze gids voor het onclick ()-evenement voor meer informatie over hoe het werkt en hoe je het in je code kunt gebruiken.

JavaScript Sorteer array

Als je met een array werkt, kun je besluiten om de array op een speciale manier te sorteren. U kunt bijvoorbeeld een lijst met namen alfabetisch sorteren of een lijst met stemmen in oplopende volgorde.

De JavaScript-functie sort () kan worden gebruikt om een array in een bepaald manier. Hier is een voorbeeld van de () sorteerfunctie die wordt gebruikt om een reeks leerlingnamen in alfabetische volgorde te sorteren:

De functie sort () kan ook worden gebruikt om geavanceerd sorteren uit te voeren als u een aangepaste functie in het genre definieert

JavaScript-operator ternair

JavaScript ternaire operators zijn if ... else die bepalen of aan een voorwaarde wordt voldaan en een codeblok uitvoeren. Als u bijvoorbeeld wilt controleren of ze ouder zijn dan 18 en false een leeftijd van de gebruiker en true wilt retourneren als ze jonger zijn dan 18, kunt u een ternaire operator gebruiken.

Ternaire operatoren worden vaak gebruikt in plaats van eenvoudige if ... else omdat ze compact zijn en op één regel staan.

Hier is de syntaxis voor een ternaire operator in JavaScript:

JavaScript forEach

Bij het programmeren in JavaScript, misschien wilt u alle items in een lijst herhalen. U hebt bijvoorbeeld een lijst met leveranciersnamen die u voor de gebruiker wilt afdrukken. U kunt de forEach-lus gebruiken om deze functie te maken

forEach lus is een vorm van een lus die een functie eenmaal uitvoert op elk element van een array. Hier is de syntaxis voor een forEach-instructie die door een lijst met bedrijven loopt en elk op een nieuwe regel afdrukt:

JavaScript-functies

Functies die deel uitmaken van de meeste programmeertalen , stelt u in staat om één keer per proces code te schrijven en die code meerdere keren in uw programma te gebruiken.

Als u bijvoorbeeld een codeblok heeft dat controleert of een formulierveld geldig is, wilt u misschien maak er een functie van, zodat ik geen codeblok hoef te herhalen voor elk veldformulier op een webpagina. <

p> Hier is een voorbeeld van een JavaScript-functie:

Op zichzelf doet onze functie niets, maar wanneer deze wordt aangeroepen, drukt de functie Google af naar de console. Om onze functie aan te roepen, gebruiken we de volgende code:

JavaScript Ofwel

Het trefwoord JavaScript let staat toe om te declareren een block-field, locale variabele die opnieuw kan worden toegewezen. In tegenstelling tot var-variabelen zijn let-variabelen alleen toegankelijk binnen een bepaald codeblok, maar kunnen ze opnieuw worden toegewezen als var-variabelen.

Het declareren van een variabele met let werkt hetzelfde als var:

Lees ons volledige artikel over JavaScript let om de verschillen tussen var, const en let en hoe u ze allemaal correct gebruikt.

JavaScript-array Druk op

Als u met een array werkt, kunt u een element aan deze array toevoegen. Dit is waar het push () JavaScript om de hoek komt kijken. Je kunt push () gebruiken om een element aan het einde van een array toe te voegen. Hier is een voorbeeld van de push ()-methode die wordt gebruikt:

Uitvoer:

Je kunt ook unshift () gebruiken om een element uit een array toe te voegen. unshift () werkt hetzelfde als push () en accepteert hetzelfde argument.

Conclusie

JavaScript is een programmeertool taal die wordt gebruikt om dynamische webpagina`s te maken. In deze handleiding hebben we enkele - enkele van de meest voorkomende JavaScript-bewerkingen die door beginners worden gebruikt, besproken. We hebben alles behandeld, van onClick tot het vervangen van snaren, het snijden van gegevens om aan uw behoeften te voldoen.

Deze handleiding is echter niet alleen voor beginners. Terwijl u doorgaat met het leren van JavaScript, moet u deze handleiding blijven raadplegen en gebruiken om u te helpen als u verdwaalt. We houden dit artikel up-to-date, zodat u, als u een vraag heeft over een veelgebruikte JavaScript-bewerking, u` waarschijnlijk vind je het hier.

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

News


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