image

Access unlimited bootcamps and 650+ courses forever

60
%OFF
Article image
Willans Junes
Willans Junes14/08/2023 16:54
Share

Funçoes Em JavaScript

    No grande universo da programação, as funções desempenham um papel fundamental, permitindo-nos organizar e reutilizar nosso código de maneira eficiente. Em JavaScript, uma linguagem versátil e poderosa, as funções desempenham um papel crucial. Neste artigo, vamos mergulhar nas várias técnicas e métodos para usar funções em JavaScript, com alguns conceitos Basicos.

    Foreach em JavaScript

    O laço forEach é uma maneira efetiva de percorrer elementos em uma matriz ou objeto. Ele é especialmente útil para aplicar uma função a cada elemento.


    const numeros = [1, 2, 3, 4, 5];
    
    numeros.forEach(function(numero) {
      console.log(numero * 2);
    });
    
    

    For em JavaScript

    O laço for é uma estrutura fundamental que nos permite iterar através de um bloco de código um número específico de vezes.

    for (let i = 0; i < 5; i++) {
      console.log(i);
    }
    

    Formatando Data em JavaScript

    O JavaScript possui um objeto Date embutido que nos permite trabalhar com datas. Podemos usar a função toLocaleDateString() para formatar uma data.

    const data = new Date();
    const dataFormatada = data.toLocaleDateString('pt-BR');
    console.log(dataFormatada);
    

    Arrays em JavaScript

    Arrays são estruturas de dados essenciais em JavaScript. Eles podem armazenar uma coleção de elementos e são acessados por índices.

    const frutas = ['maçã', 'banana', 'laranja'];
    console.log(frutas[1]); // Saída: banana
    

    Filter em JavaScript

    O método filter cria um novo array com todos os elementos que passam em um teste implementado pela função fornecida.

    const numeros = [1, 2, 3, 4, 5];
    const numerosPares = numeros.filter(function(numero) {
      return numero % 2 === 0;
    });
    console.log(numerosPares);
    

    Map em JavaScript

    O método map cria um novo array com os resultados de chamar uma função em cada elemento do array original.

    const numeros = [1, 2, 3, 4, 5];
    const numerosQuadrados = numeros.map(function(numero) {
      return numero * numero;
    });
    

    Switch Case em JavaScript

    A declaração switch é uma maneira elegante de lidar com várias condições.

    const dia = 3;
    let nomeDia;
    
    switch (dia) {
      case 1:
          nomeDia = 'Domingo';
          break;
      case 2:
          nomeDia = 'Segunda-feira';
          break;
      // ...
      default:
          nomeDia = 'Dia inválido';
    }
    console.log(nomeDia);
    

    Fetch em JavaScript

    O fetch é uma API moderna para fazer requisições HTTP. Ele retorna uma Promessa que resolve para a resposta da requisição.

    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => console.log(data))
      .catch(error => console.error('Erro:', error));
    

    Replace em JavaScript

    O método replace é usado para substituir uma substring por outra em uma string.

    const mensagem = 'Olá, mundo!';
    const novaMensagem = mensagem.replace('mundo', 'amigo');
    console.log(novaMensagem); // Saída: Olá, amigo!
    

    Reduce em JavaScript

    O método reduce executa uma função redutora em cada elemento do array, resultando em um único valor.

    const numeros = [1, 2, 3, 4, 5];
    const soma = numeros.reduce(function(acumulador, numero) {
      return acumulador + numero;
    }, 0);
    

    SetTimeout em JavaScript

    A função setTimeout é usada para agendar a execução de uma função após um determinado período de tempo.

    setTimeout(function() {
      console.log('Passaram 2 segundos.');
    }, 2000);
    

    Split em JavaScript

    O método split divide uma string em um array de substrings com base em um separador especificado.

    const frase = 'Olá, como vai você?';
    const palavras = frase.split(' ');
    console.log(palavras); // Saída: ['Olá,', 'como', 'vai', 'você?']
    

    Conclusão

    Dominar o uso de funções em JavaScript é fundamental para escrever código eficiente e organizado. Desde laços for e métodos de arrays até requisições fetch e manipulação de datas, essas técnicas formam o núcleo da programação em JavaScript. Espero que este artigo tenha sido esclarecedor para todos, como está sendo também para mim, ja que os desafios, nos ajudam a aprimorar o conhecimento e melhorar as nossas habilidades. Todos devemos nos manter constantemente explorando, criando código, nos desafiando, e principalmente, ter a capacidade de absorver aquilo que os melhores em nosso campo tem para nos ensinar, a constancia e as boas praticas nos levarão tambem a estar entre os melhores.

    Um Grande Abraço a toda a comunidade:

    Willans Junes

    Share
    Comments (0)