Introducción a la serie Fibonacci en JavaScript
El siguiente artículo nos ayudará a encontrar la serie Fibonacci en JavaScript. La funcionalidad que disfrutamos en las aplicaciones web es proporcionada por los lenguajes de programación que operan en un servidor, pero eso no es todo. La interfaz de usuario de la aplicación es algo que ayuda al usuario a interactuar con la aplicación web y, por lo tanto, se considera igualmente importante a la hora de diseñar una aplicación web. En este artículo, vamos a aprender sobre uno de los lenguajes de secuencias de comandos del lado del cliente que respaldan el diseño de la interfaz de usuario, conocido como JavaScript. JavaScript permite que la aplicación cree dinámicamente los componentes de la página web. Trabajar en JavaScript necesita que se usen lógicas para brindar funcionalidades particulares. Aquí veremos cómo se escribe la serie Fibonacci en JavaScript.
Serie Fibonacci de JavaScript que utiliza varios métodos
Veamos series fibo usando varios métodos con la ayuda de un ejemplo como se menciona a continuación:
1. Serie Fibonacci usando para bucle
- La serie Fibonacci se puede considerar como una lista de números donde el número de todos es la suma de los números consecutivos anteriores. La lista comienza desde 0 y continúa hasta el recuento de números definido. No es una función especial de JavaScript y también se puede escribir utilizando cualquiera de los lenguajes de programación. Para entender esto con precisión, usemos una ilustración. Supongamos que estamos obligados a hacer una serie de Fibonacci con 10 elementos, entonces será como 0 1 1 2 3 5 8 13 21 34
- En la serie anterior, podemos ver que cada número es la suma de los dos números consecutivos anteriores. El primer número y el segundo valor son 0 y 1 respectivamente, ya que la serie comienza con cero y uno. El funcionamiento real comienza desde el valor en el 3er índice. El valor en la tercera posición es 1 que no es más que la suma de dos números consecutivos anteriores 0 y 1.
- El valor en el cuarto índice es 2, que es el resultado del sol de los dos dígitos consecutivos anteriores. El proceso de agregar los dos dígitos anteriores y agregarlo a la serie continúa hasta que el recuento de valores en la serie sea igual al recuento total que queríamos en la serie.
- Ahora escribamos un programa real usando JavaScript para calcular la serie de Fibonacci. El código JavaScript debe agregarse a la página HTML o también puede agregarse a la página JavaScript que termina con la extensión js. Cuando la aplicación web está destinada a usar el Javascript externo, en ese caso, este código puede definirse como un archivo que se puede agregar en el archivo Javascript, pero es mucho más fácil agregar el código en la página web HTML y funciona bien.
- En caso de que se use en la página HTML, debe definirse mediante el uso de la etiqueta de secuencia de comandos que indica al navegador que el código escrito debe considerarse como el comando javascript y no como código HTML.
Programa
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;
)
Salida:
- En el código anterior para la serie Fibonacci, se ha definido la etiqueta del script que usaba JavaScript como tipo. El atributo text / javascript confirma que el código debe ejecutarse en el lado del cliente, ya que es el código javascript. Esto se agregará más tarde a la página HTML para trabajar junto con los componentes de la página web. A medida que se carga la página, aparecerá una ventana emergente que solicita el recuento de valores que tiene que estar en la serie.
- Cualquiera sea el número que ingrese el usuario, se almacenará en la variable denominada pop. La variable almacenará el número total de valores que la serie debería tener. Más tarde, hemos inicializado la variable var1 y var 2 que almacenan los valores 0 y 1, respectivamente, ya que estos son los dos valores obligatorios en la serie de Fibonacci que inicia el proceso requerido para desarrollar la serie.
2. Serie Fibonacci usando el bucle while
- Existen varios métodos para obtener la serie de Fibonacci y en esta sección, veremos cómo se puede desarrollar la serie de Fibonacci utilizando el bucle while. En el programa a continuación, todo es similar al de lo que hemos usado en el programa anterior.
- La principal diferencia es que hemos usado el ciclo while en lugar del ciclo for. Las variables también son las mismas y el papel que se les dio a las variables en términos de mantener los valores funciona de la misma manera que en la última sección.
Entonces, como resultado, la salida de este programa también será la misma que la que obtenemos después de ejecutar el último código de bucle.
Programa
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;
)
Salida:
- Este programa funciona bien con el ciclo while para generar la lista de elementos en la serie de Fibonacci. La variable emergente tiene que aceptar los valores del usuario que darán el recuento total del recuento de elementos en la serie.
- Las variables var1 y var2 se han asignado con el valor 0 y 1 respectivamente para ingresar estos valores cuando comienza la serie.
- Posteriormente, se introdujo el ciclo while que verifica si el contador es menor que el valor almacenado en la variable emergente. Si se encuentra positivo, terminará la ejecución y dará la lista de lo contrario se mantendrá en la ejecución.
3. Serie de Fibonacci usando con recursión
- En este programa, la serie Fibonacci se ha generado utilizando la recursividad. En los últimos dos ejemplos, hemos desarrollado la serie usando el ciclo for y while, pero en esta sección, desarrollaremos lo mismo usando la función que se puede llamar una y otra vez para obtener la serie esperada.
- La forma en que es diferente de los dos programas mencionados anteriormente es que no está tomando un valor ay del usuario usando el cuadro de entrada, sino solo usando la función donde el valor se puede codificar.
- En la aplicación donde los desarrollados desean evitar que la aplicación use bucles por cualquier motivo, pueden usar esta forma para obtener la misma funcionalidad que los bucles.
Programa
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));
Salida:
- El programa está utilizando la función llamada serie f para producir la serie Fibonacci. El número de elementos que deben estar en la lista se almacena en la variable val cuyo valor se asigna cuando se llama a la función.
- En la segunda última línea de este programa, hemos escrito series (10) que asignaron 10 a la variable val mientras se llamaba a la función. El resultado de este programa será el mismo que el de las dos aplicaciones anteriores. La lista que es el resultado de este programa tendrá 10 elementos en la lista.
- Cuando se trata de presentar los datos de la serie en la pantalla, imprimirá la variable var1 y var2 que da los valores de 0 y 1 a la serie y luego activa la función para agregar los dos números consecutivos anteriores y agregarlos.
- Hay un bucle for implementado que asegurará que el contador se incremente en uno a medida que se ejecuta el bucle y, mientras tanto, también se asegurará de que el contador sea menor que el valor en pop. El proceso continuará hasta que finalice el ciclo, lo que sucederá justo después de que se haya generado la serie deseada. Al final, la etiqueta del script se ha cerrado con estados de que el código después de esto pertenece al archivo principal.
- Hay ciertas cosas que deben tenerse en cuenta al desarrollar la serie Fibonacci y ese es el enfoque de escribir el código. Este código podría acortarse para ofrecer eficiencia a la aplicación. Si esto tiene que definirse en forma de una función, uno debe seguir el enfoque correspondiente para invocar la función.
- La secuencia de comandos que se define en el archivo javascript debe escribirse en forma de funciones solo para que pueda llamarse desde la página donde se ha llamado el archivo. Aquí hemos escrito el script con la intención de usarlo en la página HTML y, por lo tanto, la necesidad de la función no estaba allí, pero es seguro que para usar esta funcionalidad en varias páginas web, debe mencionarse en el archivo javascript while se agregará más tarde a todas las páginas web que quieran usar esta funcionalidad.
Conclusión
La aplicación web moderna necesita varias funcionalidades tanto en la interfaz como en el servidor y la serie Fibonacci es un método que podría utilizarse para ofrecer una funcionalidad particular a la aplicación. También es utilizado por los estudiantes para desarrollar la lógica para escribir una aplicación y puede ser útil de varias maneras.
Artículos recomendados
Esta es una guía de la serie Fibonacci en JavaScript. Aquí discutimos la introducción a la serie Fibonacci en JavaScript con la generación de series usando For Loop, While Loop y Recursion. También puede consultar nuestros otros artículos sugeridos para obtener más información:
- Invertir en JavaScript
- Palabras clave de Java
- Objetos JavaScript
- Patrones en JavaScript
- Palabras clave de C ++