Introduction à la série Fibonacci en JavaScript
L'article suivant nous aidera à trouver la série Fibonacci en JavaScript. Les fonctionnalités dont nous bénéficions dans les applications Web sont fournies par les langages de programmation qui fonctionnent sur un serveur, mais ce n'est pas tout. L'interface utilisateur de l'application est quelque chose qui aide l'utilisateur à interagir avec l'application Web et est donc considérée comme tout aussi importante lorsqu'il s'agit de concevoir une application Web. Dans cet article, nous allons découvrir l'un des langages de script côté client qui approuvent la conception d'interface utilisateur, appelé JavaScript. JavaScript permet à l'application de créer dynamiquement les composants de la page Web. Travailler sur JavaScript nécessite d'utiliser des logiques pour apporter des fonctionnalités particulières. Ici, nous verrons comment la série Fibonacci est écrite en JavaScript.
Série Fibonacci de JavaScript utilisant diverses méthodes
Voyons la série fibo en utilisant différentes méthodes à l'aide d'un exemple tel que mentionné ci-dessous:
1. Série Fibonacci utilisant pour la boucle
- La série de Fibonacci peut être considérée comme une liste de nombres où le nombre de chacun est la somme des nombres consécutifs précédents. La liste commence à partir de 0 et continue jusqu'au décompte de nombres défini. Ce n'est pas une fonction spéciale de JavaScript et peut également être écrit en utilisant n'importe quel langage de programmation. Pour comprendre cela précisément, utilisons une illustration. Supposons que nous soyons tenus de faire une série de Fibonacci avec 10 articles, alors ce sera comme 0 1 1 2 3 5 8 13 21 34
- Dans la série ci-dessus, nous pouvons voir que chaque nombre est la somme des deux nombres consécutifs précédents. Le tout premier nombre et la deuxième valeur sont respectivement 0 et 1 car la série commence par zéro et un. Le fonctionnement réel commence à partir de la valeur du 3e index. La valeur dans la troisième position est 1 qui n'est rien d'autre que la somme de deux précédents numéros consécutifs 0 et 1.
- La valeur dans le quatrième indice est 2 qui est le résultat du soleil des deux chiffres consécutifs qui le précèdent. Le processus d'ajout des deux chiffres précédents et de l'ajout à la série se poursuit jusqu'à ce que le nombre de valeurs dans la série devienne égal au nombre total que nous voulions dans la série.
- Écrivons maintenant un programme réel utilisant JavaScript pour calculer la série de Fibonacci. Le code JavaScript doit être ajouté à la page HTML ou il peut également être ajouté à la page JavaScript qui se termine par l'extension js. Lorsque l'application Web est destinée à utiliser le Javascript externe, dans ce cas, ce code peut être un fichier défini qui peut être ajouté dans le fichier Javascript, mais il est beaucoup plus facile d'ajouter le code dans la page Web HTML et cela fonctionne très bien.
- Dans le cas où utilisé dans la page HTML, il doit être défini en utilisant la balise de script qui indique au navigateur que le code y est écrit doit être considéré comme la commande javascript et non comme du code HTML.
Programme
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;
)
Production:
- Dans le code ci-dessus pour la série Fibonacci, la balise de script a été définie qui utilise javascript comme type. L'attribut text / javascript confirme que le code doit être exécuté côté client comme son code javascript. Celui-ci sera ajouté ultérieurement à la page HTML afin de fonctionner avec les composants de la page Web. Au fur et à mesure que la page se charge, elle affiche une fenêtre contextuelle qui demande le nombre de valeurs qui doivent être dans la série.
- Quel que soit le nombre entré par l'utilisateur, il sera stocké dans la variable nommée pop. La variable stockera le nombre total de valeurs que la série devrait avoir. Plus tard, nous avons initialisé la variable var1 et var 2 qui stockent les valeurs 0 et 1, respectivement, car ce sont les deux valeurs obligatoires de la série Fibonacci qui accélèrent le processus requis pour développer la série.
2. Série Fibonacci utilisant la boucle while
- Il existe différentes méthodes pour obtenir la série Fibonacci et dans cette section, nous verrons comment la série Fibonacci peut être développée à l'aide de la boucle while. Dans le programme ci-dessous, tout est similaire à ce que nous avons utilisé dans le programme ci-dessus.
- La principale différence que nous avons utilisée la boucle while au lieu de la boucle for. Les variables sont également les mêmes et le rôle attribué aux variables en termes de maintien des valeurs fonctionne de la même manière que dans la dernière section.
Donc, comme résultat, la sortie de ce programme sera également la même que celle que nous obtenons après avoir exécuté le dernier code de boucle.
Programme
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;
)
Production:
- Ce programme fonctionne très bien avec la boucle while afin de générer la liste des éléments de la série Fibonacci. La variable pop doit accepter les valeurs de l'utilisateur qui donneront le nombre total du nombre d'éléments dans la série.
- Les variables var1 et var2 ont été respectivement affectées des valeurs 0 et 1 afin de saisir ces valeurs au début de la série.
- Ensuite, la boucle while a été introduite pour vérifier si le compteur est inférieur à la valeur stockée dans la variable pop. S'il est trouvé positif, il mettra fin à l'exécution et donnera la liste qu'il conservera lors de l'exécution.
3. Série de Fibonacci utilisant avec récursivité
- Dans ce programme, la série de Fibonacci a été générée à l'aide de la récursivité. Dans les deux derniers exemples, nous avons développé la série en utilisant les boucles for et while mais dans cette section, nous développerons la même chose en utilisant la fonction qui peut être appelée encore et encore afin d'obtenir la série attendue.
- La façon dont il diffère des deux programmes mentionnés ci-dessus est qu'il ne prend pas de valeur ay de l'utilisateur en utilisant la zone de saisie mais simplement en utilisant la fonction où la valeur peut être codée en dur.
- Dans l'application où les développeurs veulent empêcher l'application d'utiliser des boucles pour une raison quelconque, utilisez cette méthode pour obtenir les mêmes fonctionnalités que les boucles.
Programme
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));
Production:
- Le programme utilise la fonction nommée série f pour produire la série Fibonacci. Le nombre d'éléments devant figurer dans la liste est stocké dans la variable val dont la valeur est affectée lors de l'appel de la fonction.
- Dans l'avant-dernière ligne de ce programme, nous avons écrit une série (10) qui affectait 10 à la variable val lors de l'appel de la fonction. Le résultat de ce programme sera le même que celui des deux demandes ci-dessus. La liste issue de ce programme comportera 10 éléments.
- Lorsqu'il s'agit de présenter les données de la série à l'écran, il imprime les variables var1 et var2 qui donnent les valeurs de 0 et 1 à la série, puis lance la fonction pour ajouter les deux numéros consécutifs précédents et les ajouter.
- Il y a une boucle for implémentée qui garantira que le compteur continue à incrémenter de un pendant que la boucle s'exécute et en attendant, assurez-vous également que le compteur doit être inférieur à la valeur en pop. Le processus se poursuivra jusqu'à la fin de la boucle, ce qui se produira juste après la génération de la série souhaitée. À la fin, la balise de script a été fermée et indique que le code après celui-ci appartient au fichier parent.
- Il y a certaines choses qui doivent être prises en compte lors du développement de la série Fibonacci et c'est l'approche de l'écriture du code. Ce code pourrait être raccourci pour offrir une efficacité à l'application. Si cela doit être défini sous la forme d'une fonction, il faut suivre l'approche en conséquence pour invoquer la fonction.
- Le script défini dans le fichier javascript doit être écrit sous forme de fonctions uniquement pour pouvoir être appelé à partir de la page où le fichier a été appelé. Ici, nous avons écrit le script l'intention de l'utiliser sur la page HTML et donc le besoin de fonction n'était pas là, mais il est certain que pour utiliser cette fonctionnalité sur plusieurs pages Web, elle doit être mentionnée dans le fichier javascript while sera ajouté ultérieurement à toutes les pages Web qui souhaitent utiliser cette fonctionnalité.
Conclusion
L'application web moderne a besoin de diverses fonctionnalités dans le frontend ainsi que dans le backend et la série Fibonacci est une méthode qui pourrait être utilisée pour offrir des fonctionnalités particulières à l'application. Il est également utilisé par les étudiants pour développer la logique d'écriture d'une application et peut être utile de diverses manières.
Articles recommandés
Ceci est un guide de la série Fibonacci en JavaScript. Ici, nous discutons de l'introduction à Fibonacci Series en JavaScript avec la génération de séries à l'aide de For Loop, While Loop & Recursion. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus–
- Inverser en JavaScript
- Mots-clés Java
- Objets JavaScript
- Modèles en JavaScript
- Mots-clés C ++