Introduktion till Fibonacci-serien i JavaScript

Följande artikel hjälper oss att hitta Fibonacci-serien i JavaScript. Funktionaliteten som vi gillar i webbapplikationerna tillhandahålls av de programmeringsspråk som fungerar på en server men det är inte allt. Användargränssnittet för applikationen är något som hjälper användaren att interagera med webbapplikationen och anses därför lika viktigt när det gäller att utforma en webbapplikation. I den här artikeln ska vi lära oss om ett av skriptspråk på klientsidan som stöder UI-design, känd som JavaScript. JavaScript gör det möjligt för applikationen att dynamiskt skapa populära webbsidans komponenter. Att arbeta med JavaScript kräver logik för att få speciella funktioner. Här ser vi hur Fibonacci-serien är skriven i JavaScript.

Fibonacci-serie JavaScript med hjälp av olika metoder

Låt oss se fiboserier med olika metoder med hjälp av ett exempel som nämns nedan:

1. Fibonacci-serien använder för loop

  • Fibonacci-serien kan betraktas som en lista med siffror där allas nummer är summan av föregående på varandra följande nummer. Listan börjar från 0 och fortsätter tills det definierade numret räknas. Det är inte någon speciell funktion av JavaScript och kan också skrivas med något av programmeringsspråken. För att förstå detta exakt, låt oss använda en illustration. Anta att vi måste skapa en Fibonacci-serie med 10 artiklar, då kommer det att vara som 0 1 1 2 3 5 8 13 21 34
  • I ovanstående serie kan vi se att varje nummer är summan av de två föregående på varandra följande numren. Det allra första värdet och det andra värdet är 0 respektive 1 eftersom serien börjar med noll och ett. Den faktiska funktionen börjar från värdet i det tredje indexet. Värdet i den tredje positionen är 1 som är inget annat än summan av två tidigare på varandra följande nummer 0 och 1.
  • Värdet i det fjärde indexet är 2 vilket är resultatet av solen på de två på varandra följande siffrorna före den. Processen att lägga till de två föregående siffrorna och lägga till den i serien fortsätter tills antalet värden i serien blir lika med det totala antalet som vi ville ha i serien.
  • Låt oss nu skriva ett faktiskt program med JavaScript för att beräkna Fibonacci-serien. JavaScript-koden måste läggas till på HTML-sidan eller så kan den också läggas till JavaScript-sidan som slutar med js-förlängningen. När webbapplikationen är avsedd att använda det externa Javascript kan i så fall den här koden definieras fil som kan läggas till i Javascript-filen men det är sättet lättare att lägga till koden på HTML-webbsidan och det fungerar bra.
  • Incase om den används på HTML-sidan måste den definieras med skripttaggen som instruerar webbläsaren att koden är skriven inom den måste betraktas som javascript-kommandot och inte som HTML-kod.

Program


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;
)

Produktion:

  • I koden ovan för Fibonacci-serien har skripttaggen definierats som använde javascript som typ. Text / javascript-attributet bekräftar att koden måste köras på klientsidan som dess javascript-kod. Detta kommer senare att läggas till på HTML-sidan för att arbeta tillsammans med webbsidans komponenter. När sidan laddas ger den en popup som ber om antalet värden som måste vara i serien.
  • Vilket antal som användaren matar in, kommer det att lagras i den variabel som heter pop. Variabeln kommer att lagra det totala antalet värden som serien ska ha. Senare har vi initialiserat variabeln var1 och var 2 som lagrar värdena respektive 1, eftersom det är de två obligatoriska värdena i Fibonacci-serien som sparkar i processen som krävs för att utveckla serien.

2. Fibonacci-serien använder medan loop

  • Det finns olika metoder för att få Fibonacci-serien och i det här avsnittet kommer vi att se hur Fibonacci-serien kan utvecklas med medan-loopen. I programmet nedan liknar allt det vi använde i ovanstående program.
  • Den primära skillnaden att vi har använt stundslingan istället för slinga. Variablerna är också desamma och rollen gavs till variablerna när det gäller att hålla värdena fungerar på samma sätt som i det sista avsnittet.

Så som utfallet kommer detta program också att vara detsamma som vi får efter att ha kört den sista för loopkod.

Program


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;
)

Produktion:

  • Detta program fungerar bra med medan-loopen för att generera listan över objekt i Fibonacci-serien. Popvariabeln måste acceptera värdena från användaren som ger det totala antalet av antalet element i serien.
  • Variabeln var1 och var2 har tilldelats värdet 0 respektive 1 för att mata in dessa värden när serien börjar.
  • Därefter introducerades medan-loopen som kontrollerar om räknaren är mindre än värdet lagrat i pop-variabeln. Om den hittas positiv kommer den att avbryta exekveringen och ger listan som den kommer att upprätthålla vid utförandet.

3. Fibonacci-serien med rekursion

  • I detta program har Fibonacci-serien genererats med rekursionen. I de två senaste exemplen har vi utvecklat serien med hjälp av och för medan-slingan, men i det här avsnittet kommer vi att utveckla samma med den funktion som kan kallas om och om igen för att få den förväntade serien.
  • Hur det skiljer sig från båda programmen som nämns ovan är att det inte tar ett värde från användaren med hjälp av inmatningsrutan utan bara använder funktionen där värdet kan hårdkodas.
  • I applikationen där den utvecklade vill förhindra att applikationen använder slingor av någon anledning kan det här sättet få samma funktionalitet som slingorna gör.

Program


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));

Produktion:

  • Programmet använder den funktion som heter f-serien för att producera Fibonacci-serien. Antalet element som måste finnas i listan lagras i valvariabeln vars värde tilldelas när funktionen kallas.
  • I den näst sista raden i detta program har vi skrivit serier (10) som tilldelade 10 till valvariabeln medan funktionen kallas. Resultatet av detta program kommer att vara detsamma som för ovanstående två applikationer. Listan som är resultatet av detta program kommer att ha 10 element i listan.
  • När det gäller att presentera seriens data på skärmen kommer det att skriva ut variabeln var1 och var2 som ger värdena 0 och 1 till serien och sedan sparkar funktionen för att lägga till de två föregående på varandra följande numren och lägga till dem.
  • Det finns en för-loop implementerad som kommer att säkerställa att räknaren fortsätter att öka av en när slingan körs och under tiden också se till att räknaren ska vara mindre än värdet i pop. Processen kommer att fortsätta tills slingan avslutas vilket kommer att hända direkt efter att den önskade serien har genererats. I slutet har skripttaggen stängts med att koden efter detta tillhör moderfilen.
  • Det finns vissa saker som måste tas om hand när du utvecklar Fibonacci-serien och det är metoden att skriva koden. Den här koden kan förkortas för att erbjuda effektiviteten för applikationen. Om detta måste definieras i form av en funktion måste man följa tillvägagångssättet för att åberopa funktionen.
  • Skriptet som definieras i javascript-filen måste bara skrivas i form av funktioner så att det kan ringas från sidan där filen har kallats. Här har vi skrivit skriptet avsikten att använda den på HTML-sidan och därmed var funktionsbehovet inte där men det är säkert att för att kunna använda den här funktionen på flera webbsidor måste den nämnas i javascript-filen medan kommer senare att läggas till på alla webbsidor som vill använda den här funktionen.

Slutsats

Den moderna webbapplikationen behöver olika funktioner i frontend såväl som i backend och Fibonacci-serien är en metod som kan användas för att erbjuda särskild funktionalitet till applikationen. Det används också av eleverna för att utveckla logiken för att skriva en applikation och kan vara till hjälp på olika sätt.

Rekommenderade artiklar

Detta är en guide till Fibonacci-serien i JavaScript. Här diskuterar vi introduktionen till Fibonacci-serien i JavaScript med att generera serier med For Loop, While Loop & Recursion. Du kan också gå igenom våra andra artiklar som föreslås för att lära dig mer–

  1. Omvänd i JavaScript
  2. Java-nyckelord
  3. JavaScript-objekt
  4. Mönster i JavaScript
  5. C ++ Nyckelord

Kategori:

Mjukvaruutveckling