Wprowadzenie do serii Fibonacciego w JavaScript

Poniższy artykuł pomoże nam znaleźć serię Fibonacciego w JavaScript. Funkcjonalność, którą lubimy w aplikacjach internetowych, zapewnia język programowania działający na serwerze, ale to nie wszystko. Interfejs użytkownika aplikacji jest czymś, co pomaga użytkownikowi wchodzić w interakcje z aplikacją internetową i dlatego jest równie ważny, jeśli chodzi o projektowanie aplikacji internetowej. W tym artykule dowiemy się o jednym z języków skryptowych po stronie klienta, które wspierają projektowanie interfejsu użytkownika, znanym jako JavaScript. JavaScript umożliwia aplikacji dynamiczne tworzenie wypełnienia składników strony internetowej. Praca nad JavaScript wymaga użycia logiki w celu zapewnienia określonych funkcjonalności. Tutaj zobaczymy, jak seria Fibonacciego jest napisana w JavaScript.

Fibonacci Seria JavaScript przy użyciu różnych metod

Zobaczmy serię Fibo przy użyciu różnych metod za pomocą przykładu, jak wspomniano poniżej:

1. Seria Fibonacciego za pomocą pętli for

  • Serię Fibonacciego można traktować jako listę liczb, w których liczba wszystkich jest sumą poprzednich kolejnych liczb. Lista zaczyna się od 0 i trwa do zdefiniowanej liczby. Nie jest to żadna specjalna funkcja JavaScript i może być napisana przy użyciu dowolnego języka programowania. Aby to dokładnie zrozumieć, skorzystajmy z ilustracji. Załóżmy, że jesteśmy zobowiązani do stworzenia serii Fibonacciego z 10 przedmiotami, wtedy będzie to jak 0 1 1 2 3 5 8 13 21 34
  • W powyższej serii możemy zobaczyć, że każda liczba jest sumą dwóch poprzednich kolejnych liczb. Pierwszą liczbą i drugą wartością są odpowiednio 0 i 1, ponieważ seria zaczyna się od zera i jeden. Rzeczywiste funkcjonowanie zaczyna się od wartości w 3. indeksie. Wartość na trzeciej pozycji to 1, która jest niczym innym jak sumą dwóch poprzednich kolejnych liczb 0 i 1.
  • Wartość w czwartym indeksie wynosi 2, co jest wynikiem słońca dwóch kolejnych cyfr przed nim. Proces dodawania dwóch poprzednich cyfr i dodawania ich do szeregu trwa do momentu, aż liczba wartości w szeregu stanie się równa całkowitej liczbie, jakiej chcieliśmy w szeregu.
  • Teraz napiszmy rzeczywisty program wykorzystujący JavaScript do obliczenia serii Fibonacciego. Kod JavaScript należy dodać do strony HTML lub można go również dodać do strony JavaScript, która kończy się rozszerzeniem js. Gdy aplikacja internetowa ma korzystać z zewnętrznego Javascript, wówczas w tym przypadku można zdefiniować ten kod, który można dodać do pliku JavaScript, ale o wiele łatwiej jest dodać kod na stronie HTML i działa dobrze.
  • Jeśli jest stosowany na stronie HTML, należy go zdefiniować za pomocą znacznika script, który instruuje przeglądarkę, że kod jest w nim zapisany, należy traktować jako polecenie javascript, a nie kod HTML.

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

Wynik:

  • W powyższym kodzie serii Fibonacciego zdefiniowano tag skryptu, który używał javascript jako typu. Atrybut text / javascript potwierdza, że ​​kod musi zostać wykonany po stronie klienta jako jego kod javascript. Zostanie to później dodane do strony HTML w celu współpracy z komponentami strony internetowej. Podczas ładowania strony pojawi się okienko wyskakujące z pytaniem o liczbę wartości, które muszą znajdować się w szeregu.
  • Niezależnie od liczby wprowadzonych przez użytkownika, zostanie on zapisany w zmiennej o nazwie pop. Zmienna będzie przechowywać całkowitą liczbę wartości, które powinna mieć seria. Później zainicjowaliśmy zmienną var1 i var 2, które przechowują odpowiednio wartości 0 i 1, ponieważ są to dwie obowiązkowe wartości w serii Fibonacciego, które uruchamiają proces wymagany do opracowania serii.

2. Seria Fibonacciego za pomocą pętli while

  • Istnieją różne metody uzyskiwania serii Fibonacciego. W tej sekcji zobaczymy, jak można opracować serię Fibonacciego za pomocą pętli while. W poniższym programie wszystko jest podobne do tego, którego użyliśmy w powyższym programie.
  • Główna różnica polega na tym, że użyliśmy pętli while zamiast pętli for. Zmienne są również takie same, a rola przypisana zmiennym pod względem utrzymywania wartości działa w ten sam sposób, jak w ostatniej sekcji.

W rezultacie wynik tego programu będzie również taki sam, jak ten, który otrzymamy po wykonaniu ostatniego kodu pętli for.

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

Wynik:

  • Ten program działa dobrze z pętlą while, aby wygenerować listę elementów z serii Fibonacciego. Zmienna pop musi zaakceptować wartości od użytkownika, które podadzą całkowitą liczbę elementów w szeregu.
  • Zmiennym var1 i var2 przypisano odpowiednio wartości 0 i 1 w celu wprowadzenia tych wartości na początku serii.
  • Następnie wprowadzono pętlę while, która sprawdza, czy licznik jest mniejszy niż wartość przechowywana w zmiennej pop. Jeśli zostanie uznany za pozytywny, zakończy wykonywanie i poda listę, którą będzie utrzymywał po wykonaniu.

3. Seria Fibonacciego za pomocą rekurencji

  • W tym programie seria Fibonacciego została wygenerowana przy użyciu rekurencji. W dwóch ostatnich przykładach opracowaliśmy serię za pomocą pętli for i while, ale w tym rozdziale opracujemy to samo za pomocą funkcji, którą można wywoływać w kółko, aby uzyskać oczekiwaną serię.
  • Różni się od obu wymienionych wyżej programów tym, że nie pobiera żadnej wartości od użytkownika za pomocą pola wprowadzania, ale po prostu używa funkcji, w której wartość można zapisać na stałe.
  • W aplikacji, w której opracowane chcą uniemożliwić aplikacji korzystanie z pętli z dowolnego powodu, można użyć tej metody, aby uzyskać tę samą funkcjonalność, co pętle.

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

Wynik:

  • Program wykorzystuje funkcję o nazwie f series do stworzenia serii Fibonacciego. Liczba elementów, które muszą znajdować się na liście, jest przechowywana w zmiennej val, której wartość jest przypisywana podczas wywoływania funkcji.
  • W drugim ostatnim wierszu tego programu napisaliśmy serię (10), która przypisała 10 do zmiennej val podczas wywoływania funkcji. Wynik tego programu będzie taki sam, jak w przypadku powyższych dwóch wniosków. Lista będąca wynikiem tego programu będzie zawierać 10 elementów na liście.
  • Jeśli chodzi o prezentację danych serii na ekranie, wydrukuje zmienną var1 i var2, która podaje wartości 0 i 1 do serii, a następnie uruchamia funkcję dodawania dwóch poprzednich liczb i dodawania ich.
  • Zaimplementowano pętlę for, która zapewni, że licznik będzie zwiększał wartość o jeden podczas działania pętli, a tymczasem upewni się, że licznik powinien być mniejszy niż wartość pop. Proces będzie kontynuowany do zakończenia pętli, co nastąpi zaraz po wygenerowaniu żądanej serii. Na koniec znacznik skryptu został zamknięty informacją, że kod po tym należy do pliku nadrzędnego.
  • Podczas opracowywania serii Fibonacciego należy zająć się pewnymi sprawami i takie jest podejście do pisania kodu. Ten kod można skrócić, aby zapewnić wydajność aplikacji. Jeśli trzeba to zdefiniować w postaci funkcji, należy odpowiednio zastosować podejście, aby wywołać funkcję.
  • Skrypt zdefiniowany w pliku javascript musi być napisany tylko w formie funkcji, aby można go było wywołać ze strony, na której plik został wywołany. Tutaj napisaliśmy skrypt z zamiarem użycia go na stronie HTML, a zatem nie było potrzeby użycia funkcji, ale pewne jest, że aby korzystać z tej funkcji na wielu stronach internetowych, należy o tym wspomnieć w pliku javascript a później zostaną dodane do wszystkich stron internetowych, które chcą korzystać z tej funkcji.

Wniosek

Nowoczesna aplikacja internetowa wymaga różnych funkcji zarówno w interfejsie użytkownika, jak i wewnętrznej bazie danych, a seria Fibonacci to metoda, która może być wykorzystana do zapewnienia określonej funkcjonalności aplikacji. Jest również wykorzystywany przez studentów do opracowania logiki pisania aplikacji i może być pomocny na różne sposoby.

Polecane artykuły

To jest przewodnik po Fibonacci Series In JavaScript. Tutaj omawiamy wprowadzenie do Fibonacciego Serii w JavaScript z generowaniem serii za pomocą For Loop, While Loop & Recursion. Możesz także przejrzeć nasze inne sugerowane artykuły, aby dowiedzieć się więcej -

  1. Odwróć w JavaScript
  2. Słowa kluczowe Java
  3. Obiekty JavaScript
  4. Wzory w JavaScript
  5. C ++ Słowa kluczowe