Entrar Ainda não tem acesso?
2
respostas

Explicação do código

Referente ao curso JavaScript: tipos, variáveis e funções, no capítulo Funções e atividade Utilizando o return

por PAULO ROBERTO LOPES TENORIO
| 37.6k xp | 63 posts

No código:

let listaFuncionarios = ['José', 'Ana', 'Luiza']
let listaIdades = [22,19,33]

const exibeLista = (lista, descricao) => {
    e = ''
        for (let i = 0; i < lista.length; i++){
            e += '\n'+ descricao + lista [i]
        }
}

console.log(exibeLista(listaFuncionarios, 'Funcionário: '))
console.log(exibeLista(listaIdades, "Idades: "))

Há partes que não foi estudado até agora na aula.

Após definir a variável exibeLista em const exibeLista = (lista, descricao) segue com => logo após começa um bloco de função, parece que é este nome que dá em {}.

A expressão => significa o que vem antes é uma função? Pois até agora na aula para definir uma função foi dito que se usa function.

E a expressão

 for (let i = 0; i < lista.length; i++){
            e += '\n'+ descricao + lista [i]
        }

Tem alguma aula que explica detalhadamente está função for e o seu bloco de função e += '\n'+ descricao + lista [i]?

2 respostas
por Pedro de Brito Muniz
| 6.7k xp | 5 posts

Boa noite, Paulo. Vou tentar sanar suas dúvidas.

Primeiro, sobre sua dúvida

"A expressão => significa o que vem antes é uma função? Pois até agora na aula para definir uma função foi dito que se usa function."

A expressão => é chamada de arrow function, que é uma abreviação para a expressão function. Neste caso, a variável exibeLista recebe como valor uma função, e esta função recebe como valores lista e descricao e seu corpo (ou como você mencionou, o bloco de função) é o que vem delimitado por {} após a expressão =>, segue o link da documentação de arrow functions. Esta sintaxe tem como equivalente esta à seguir.

let listaFuncionarios = ['José', 'Ana', 'Luiza'];
let listaIdades = [22,19,33];

function exibeLista(lista, descricao){
    e = '';
    for (let i = 0; i < lista.length; i++){
        e += '\n'+ descricao + lista [i];
    }
}

console.log(exibeLista(listaFuncionarios, 'Funcionário: '));
console.log(exibeLista(listaIdades, "Idades: "));

Agora, para a sua segunda dúvida.

"Tem alguma aula que explica detalhadamente está função for e o seu bloco de função e += '\n'+ descricao + lista [i]?"

Não consigo te responder te indicando uma aula deste curso, mas posso mandar aqui, o link da documentação da estrutura de repetição for.

Espero ter ajudado!

por Juliana Amoasei
| 181k xp | 180 posts
Instrutor instrutora JS

Olá, Paulo!

Você está correto, a atividade foi montada com conteúdo diverso do que apresentamos nos vídeos. Sobre as arrow functions, esse tipo de função é explicada com exemplos nesta aula do curso, porém não utilizamos o for no curso.

Vamos corrigir a atividade. Obrigada pelo toque!

Bons estudos! ;)