Introdução à série Fibonacci em JavaScript

O artigo a seguir nos ajudará a encontrar a série Fibonacci em JavaScript. A funcionalidade que desfrutamos nos aplicativos Web é fornecida pelas linguagens de programação que operam em um servidor, mas isso não é tudo. A interface do usuário do aplicativo é algo que ajuda o usuário a interagir com o aplicativo Web e, portanto, é considerado igualmente importante quando se trata de projetar um aplicativo Web. Neste artigo, aprenderemos sobre uma das linguagens de script do lado do cliente que endossam o design da interface do usuário, conhecido como JavaScript. JavaScript permite que o aplicativo crie dinamicamente preencher os componentes da página da web. O trabalho em JavaScript precisa de lógicas para trazer funcionalidades específicas. Aqui veremos como a série Fibonacci é escrita em JavaScript.

Série Fibonacci de JavaScript usando vários métodos

Vamos ver a série fibo usando vários métodos com a ajuda de um exemplo, como mencionado abaixo:

1. Série Fibonacci usando o loop for

  • A série Fibonacci pode ser considerada como uma lista de números em que o número de todos é a soma dos números consecutivos anteriores. A lista começa em 0 e continua até a contagem de números definida. Não é uma função especial do JavaScript e pode ser escrita usando qualquer uma das linguagens de programação. Para entender isso com precisão, vamos usar uma ilustração. Suponha que somos obrigados a fazer uma série de Fibonacci com 10 itens, então será como 0 1 1 2 3 5 8 13 21 34
  • Na série acima, podemos ver que todo número é a soma dos dois números consecutivos anteriores. O primeiro número e o segundo valor são 0 e 1 respectivamente, pois a série começa com zero e um. O funcionamento real começa a partir do valor no terceiro índice. O valor na terceira posição é 1 que nada mais é que a soma dos dois números consecutivos anteriores 0 e 1.
  • O valor no quarto índice é 2, que é o resultado do sol dos dois dígitos consecutivos antes dele. O processo de adicionar os dois dígitos anteriores e adicioná-lo à série continua até que a contagem de valores na série se torne igual à contagem total que desejávamos na série.
  • Agora vamos escrever um programa real usando JavaScript para calcular a série Fibonacci. O código JavaScript deve ser adicionado à página HTML ou também pode ser adicionado à página JavaScript que termina com a extensão js. Quando o aplicativo da Web pretende usar o Javascript externo, nesse caso, esse código pode ser definido como um arquivo que pode ser adicionado ao arquivo Javascript, mas é muito mais fácil adicionar o código na página da Web HTML e funciona bem.
  • No caso de uso na página HTML, ele deve ser definido usando a tag de script que instrui o navegador de que o código está escrito nele, que deve ser considerado como o comando javascript e não 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;
)

Resultado:

  • No código acima para a série Fibonacci, foi definida a tag de script que utilizava o javascript como tipo. O atributo text / javascript confirma que o código deve ser executado no lado do cliente como o código javascript. Isso será adicionado posteriormente à página HTML para trabalhar com os componentes da página da web. À medida que a página é carregada, é exibido um pop-up que solicita a contagem de valores que devem estar na série.
  • Qualquer que seja o número digitado pelo usuário, ele será armazenado na variável chamada pop. A variável armazenará o número total de valores que a série deve ter. Posteriormente, inicializamos as variáveis ​​var1 e var 2 que armazenam os valores 0 e 1, respectivamente, pois esses são os dois valores obrigatórios da série Fibonacci que iniciam o processo necessário para o desenvolvimento da série.

2. Série Fibonacci usando o loop while

  • Existem vários métodos para obter a série Fibonacci e, nesta seção, veremos como a série Fibonacci pode ser desenvolvida usando o loop while. No programa abaixo, tudo é semelhante ao que usamos no programa acima.
  • A principal diferença que usamos no loop while em vez do loop for. As variáveis ​​também são as mesmas e o papel que foi dado às variáveis ​​em termos de retenção dos valores funciona da mesma maneira que na última seção.

Portanto, como resultado, a saída desse programa também será a mesma que obtemos após a execução do último código de loop.

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

Resultado:

  • Este programa funciona bem com o loop while para gerar a lista de itens da série Fibonacci. A variável pop deve aceitar os valores do usuário que fornecerão a contagem total da contagem de elementos da série.
  • As variáveis ​​var1 e var2 foram atribuídas com os valores 0 e 1, respectivamente, para inserir esses valores quando a série começar.
  • Posteriormente, foi introduzido o loop while que verifica se o contador é menor que o valor armazenado na variável pop. Se for considerado positivo, encerrará a execução e fornecerá a lista mais que será mantida na execução.

3. Série Fibonacci usando com recursão

  • Neste programa, a série Fibonacci foi gerada usando a recursão. Nos últimos dois exemplos, desenvolvemos a série usando o loop for e while, mas nesta seção, desenvolveremos o mesmo usando a função que pode ser chamada repetidamente para obter a série esperada.
  • Da maneira como é diferente dos dois programas mencionados acima, não está tirando nenhum valor do usuário usando a caixa de entrada, mas apenas usando a função em que o valor pode ser codificado.
  • No aplicativo em que os desenvolvidos desejam impedir que o aplicativo use loops por qualquer motivo, é possível usar desta maneira para obter a mesma funcionalidade que os loops.

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

Resultado:

  • O programa está usando a função denominada série f para produzir a série Fibonacci. O número de elementos que precisam estar na lista é armazenado na variável val, cujo valor é atribuído quando a função está sendo chamada.
  • Na segunda última linha deste programa, escrevemos a série (10) que atribuiu 10 à variável val enquanto a função está sendo chamada. O resultado deste programa será o mesmo dos dois aplicativos acima. A lista que é o resultado deste programa terá 10 elementos na lista.
  • Quando se trata de apresentar os dados da série na tela, ela imprime a variável var1 e var2 que fornece os valores de 0 e 1 à série e, em seguida, executa a função para adicionar os dois números consecutivos anteriores e adicioná-los.
  • Existe um loop for implementado que garantirá que o contador seja incrementado em um à medida que o loop for executado e, enquanto isso, também garantirá que o contador seja menor que o valor em pop. O processo continuará até o loop terminar, o que acontecerá logo após a geração da série desejada. No final, a tag de script foi fechada com os estados que o código após este pertence ao arquivo pai.
  • Há certas coisas que precisam ser resolvidas durante o desenvolvimento da série Fibonacci e essa é a abordagem para escrever o código. Esse código pode ser reduzido para oferecer eficiência ao aplicativo. Se isso tiver que ser definido na forma de uma função, é preciso seguir a abordagem de acordo para invocar a função.
  • O script definido no arquivo javascript deve ser escrito na forma de funções apenas para que possa ser chamado a partir da página em que o arquivo foi chamado. Aqui, escrevemos o script com a intenção de usá-lo na página HTML e, portanto, a necessidade de função não estava lá, mas é certo que, para usar essa funcionalidade em várias páginas da web, ele deve ser mencionado no arquivo javascript while será adicionado posteriormente a todas as páginas da web que desejam usar essa funcionalidade.

Conclusão

O aplicativo da web moderno precisa de várias funcionalidades no front-end e no back-end e a série Fibonacci é um método que pode ser usado para oferecer funcionalidades específicas ao aplicativo. Também é usado pelos alunos para desenvolver a lógica para escrever um aplicativo e pode ser útil de várias maneiras.

Artigos recomendados

Este é um guia para a série Fibonacci em JavaScript. Aqui discutimos a introdução da série Fibonacci em JavaScript com a geração de séries usando For Loop, While Loop & Recursion. Você também pode consultar nossos outros artigos sugeridos para saber mais:

  1. Inverter em JavaScript
  2. Palavras-chave Java
  3. Objetos JavaScript
  4. Padrões em JavaScript
  5. Palavras-chave C ++