Inleiding tot de Fibonacci-serie in JavaScript
Het volgende artikel helpt ons bij het vinden van de Fibonacci-serie in JavaScript. De functionaliteit die we genieten in de webapplicaties wordt geleverd door de programmeertalen die op een server werken, maar dat is niet alles. De gebruikersinterface van de applicatie is iets dat de gebruiker helpt om te communiceren met de webapplicatie en wordt daarom als even belangrijk beschouwd bij het ontwerpen van een webapplicatie. In dit artikel gaan we meer te weten over een van de client-side scripttalen die UI-ontwerpen ondersteunen, bekend als JavaScript. Met JavaScript kan de applicatie dynamisch de webpagina-componenten maken. Werken aan JavaScript heeft logica nodig om bepaalde functionaliteiten te brengen. Hier zullen we zien hoe de Fibonacci-serie is geschreven in JavaScript.
Fibonacci-reeks van JavaScript met behulp van verschillende methoden
Laten we fiboseries bekijken met behulp van verschillende methoden met behulp van een voorbeeld zoals hieronder vermeld:
1. Fibonacci-serie met behulp van voor lus
- Fibonacci-serie kan worden beschouwd als een lijst met getallen waarbij het nummer van iedereen de som is van de vorige opeenvolgende getallen. De lijst begint vanaf 0 en gaat door tot het gedefinieerde aantal tellen. Het is geen speciale functie van JavaScript en kan ook in een van de programmeertalen worden geschreven. Laten we een illustratie gebruiken om dit precies te begrijpen. Stel dat we een Fibonacci-serie met 10 items moeten maken, dan ziet deze eruit als 0 1 1 2 3 5 8 13 21 34
- In de bovenstaande reeks kunnen we zien dat elk nummer de som is van de vorige twee opeenvolgende nummers. Het allereerste getal en de tweede waarde zijn respectievelijk 0 en 1, aangezien de reeks begint met nul en één. De feitelijke werking begint met de waarde in de 3e index. De waarde op de derde positie is 1 die niets anders is dan de som van twee voorgaande opeenvolgende nummers 0 en 1.
- De waarde in de vierde index is 2, wat de uitkomst is van de zon van de twee opeenvolgende cijfers ervoor. Het proces van het toevoegen van de vorige twee cijfers en het toevoegen aan de reeks gaat door totdat het aantal waarden in de reeks gelijk wordt aan het totale aantal dat we in de reeks wilden.
- Laten we nu een echt programma schrijven met behulp van JavaScript om de Fibonacci-serie te berekenen. De JavaScript-code moet worden toegevoegd aan de HTML-pagina of deze kan ook worden toegevoegd aan de JavaScript-pagina die eindigt op de js-extensie. Wanneer de webtoepassing bedoeld is om de externe Javascript te gebruiken, kan in dat geval deze code worden gedefinieerd als een bestand dat kan worden toegevoegd aan het Javascript-bestand, maar het is veel eenvoudiger om de code toe te voegen aan de HTML-webpagina en het werkt prima.
- Als het op de HTML-pagina wordt gebruikt, moet het worden gedefinieerd met behulp van de scripttag die de browser instrueert dat de code erin wordt geschreven en moet worden beschouwd als de javascript-opdracht en niet als HTML-code.
Programma
var pop = prompt("Enter the count of values in the series", " ");
var var1=0, var2=1;
document.write("Here is the fibonacci series : ");
document.write("", var1, " ");
document.write("", var2, " ");
var counter, sum;
for(counter=2; counter (
sum=var1+var2;
document.write("", sum, " ");
var1=var2;
var2=var3;
)
var pop = prompt("Enter the count of values in the series", " ");
var var1=0, var2=1;
document.write("Here is the fibonacci series : ");
document.write("", var1, " ");
document.write("", var2, " ");
var counter, sum;
for(counter=2; counter (
sum=var1+var2;
document.write("", sum, " ");
var1=var2;
var2=var3;
)
Output:
- In de bovenstaande code voor de Fibonacci-serie is de scripttag gedefinieerd die javascript als type gebruikte. Het kenmerk text / javascript bevestigt dat de code aan de clientzijde moet worden uitgevoerd, aangezien dit de javascript-code is. Dit wordt later toegevoegd aan de HTML-pagina om samen te werken met de componenten van de webpagina. Terwijl de pagina wordt geladen, verschijnt er een pop-up waarin wordt gevraagd naar het aantal waarden dat in de reeks moet voorkomen.
- Welk nummer de gebruiker ook invoert, het wordt opgeslagen in de variabele met de naam pop. De variabele slaat het totale aantal waarden op dat de reeks zou moeten hebben. Later hebben we de variabele var1 en var 2 geïnitialiseerd waarin respectievelijk de waarden 0 en 1 worden opgeslagen, omdat dit de twee verplichte waarden in de Fibonacci-serie zijn die het proces starten dat nodig is om de serie te ontwikkelen.
2. Fibonacci-serie met While-lus
- Er zijn verschillende methoden om de Fibonacci-serie te krijgen en in dit gedeelte zullen we zien hoe de Fibonacci-serie kan worden ontwikkeld met behulp van de while-lus. In het onderstaande programma is alles vergelijkbaar met wat we in het bovenstaande programma hebben gebruikt.
- Het primaire verschil dat we de while-lus hebben gebruikt in plaats van voor lus. De variabelen zijn ook hetzelfde en de rol die is gegeven aan de variabelen wat betreft het vasthouden van de waarden werkt op dezelfde manier als in de laatste sectie.
Dus als het resultaat, zal de output van dit programma ook hetzelfde zijn als wat we krijgen na het uitvoeren van de laatste for loop code.
Programma
var var1 = 0, var2 = 1, var3;
document.write("Here is the Fibonacci series with 10 values : ");
while(var1<40)
(
document.write(var1 + " ");
var3 = var1+var2;
var1 = var2;
var2 = var3;
)
Output:
- Dit programma werkt prima met de while-lus om de lijst met items in de Fibonacci-serie te genereren. De pop-variabele moet de waarden van de gebruiker accepteren die de totale telling van het aantal elementen in de reeks oplevert.
- Aan de variabele var1 en var2 zijn respectievelijk de waarde 0 en 1 toegewezen om deze waarden in te voeren wanneer de reeks begint.
- Daarna is de while-lus geïntroduceerd die controleert of de teller kleiner is dan de waarde die is opgeslagen in de pop-variabele. Als dit positief wordt bevonden, wordt de uitvoering beëindigd en wordt de lijst weergegeven die het bij de uitvoering zal behouden.
3. Fibonacci-serie gebruiken met recursie
- In dit programma is de Fibonacci-serie gegenereerd met behulp van de recursie. In de laatste twee voorbeelden hebben we de serie ontwikkeld met behulp van de for- en while-lus, maar in deze sectie zullen we hetzelfde ontwikkelen met de functie die steeds opnieuw kan worden opgeroepen om de verwachte serie te krijgen.
- De manier waarop het verschilt van beide hierboven genoemde programma's, is dat het geen waarde aanneemt van de gebruiker met behulp van het invoervak, maar alleen de functie gebruikt waarbij de waarde hard kan worden gecodeerd.
- In de toepassing waar de ontwikkelde om welke reden dan ook wil voorkomen dat de toepassing lussen gebruikt, kan deze manier worden gebruikt om dezelfde functionaliteit te krijgen als de lussen.
Programma
var fseries = function (var1)
(
if (var1===1)
(
return (0, 1);
)
else
(
var sum = fseries(var1 - 1);
sum.push(sum(sum.length - 1) + sum(sum.length - 2));
return sum;
)
);
document.write(fseries(10));
Output:
- Het programma gebruikt de functie genaamd f-serie om de Fibonacci-serie te produceren. Het aantal elementen dat in de lijst moet staan, wordt opgeslagen in de val-variabele waarvan de waarde wordt toegewezen wanneer de functie wordt aangeroepen.
- In de voorlaatste regel van dit programma hebben we series (10) geschreven die 10 aan de val-variabele hebben toegewezen terwijl de functie wordt aangeroepen. De uitkomst van dit programma zal hetzelfde zijn als die van de bovengenoemde twee applicaties. De lijst die het resultaat is van dit programma zal 10 elementen in de lijst hebben.
- Als het aankomt op het presenteren van de gegevens van de reeks op het scherm, drukt deze de variabele var1 en var2 af die de waarden 0 en 1 aan de reeks geeft en schopt vervolgens de functie om de vorige twee opeenvolgende nummers toe te voegen en ze toe te voegen.
- Er is een for-lus geïmplementeerd die ervoor zorgt dat de teller met één blijft stijgen terwijl de lus loopt en zorgt er ondertussen ook voor dat de teller kleiner moet zijn dan de waarde in pop. Het proces gaat door totdat de lus eindigt, wat zal gebeuren direct nadat de gewenste serie is gegenereerd. Aan het einde is de scripttag afgesloten met de melding dat de code daarna tot het bovenliggende bestand behoort.
- Er zijn bepaalde dingen waarmee rekening moet worden gehouden bij het ontwikkelen van de Fibonacci-serie en dat is de aanpak van het schrijven van de code. Deze code kan worden ingekort om de toepassing efficiëntie te bieden. Als dit in de vorm van een functie moet worden gedefinieerd, moet men de aanpak dienovereenkomstig volgen om de functie op te roepen.
- Het script dat is gedefinieerd in het javascript-bestand moet alleen in de vorm van functies worden geschreven, zodat het kan worden aangeroepen vanaf de pagina waar het bestand is genoemd. Hier hebben we het script geschreven, de intentie om het op de HTML-pagina te gebruiken en daarom was de behoefte aan functie er niet, maar het is zeker dat om deze functionaliteit op meerdere webpagina's te gebruiken, het in het javascript-bestand moet worden vermeld terwijl later zal worden toegevoegd aan alle webpagina's die deze functionaliteit willen gebruiken.
Conclusie
De moderne webapplicatie heeft verschillende functionaliteiten nodig in de frontend en in de backend en de Fibonacci-serie is een methode die kan worden gebruikt om specifieke functionaliteit aan de applicatie te bieden. Het wordt ook gebruikt door de studenten om de logica te ontwikkelen om een applicatie te schrijven en kan op verschillende manieren nuttig zijn.
Aanbevolen artikelen
Dit is een gids voor Fibonacci-serie in JavaScript. Hier bespreken we de introductie van de Fibonacci-serie in JavaScript met het genereren van series met behulp van For Loop, While Loop & Recursion. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie–
- Omgekeerd in JavaScript
- Java-zoekwoorden
- JavaScript-objecten
- Patronen in JavaScript
- C ++ Trefwoorden