Uso de ponto e vírgula no JS | JavaScript: conhecendo o Browser e padrões de projeto

Olá, sou iniciante no JavaScript, e tive uma dúvida enquanto aprendia sobre as arrow functions.

No código do exercício, foi pedido para transformar as funções em arrow functions, nesse exemplo:

let aprovados = avaliacoes
    .filter(function(prova) { return prova.nota >= 7; })
    .map(function(prova) { return prova.aluno.nome;});

Quando transformei em arrow function, ficou dessa forma:

let aprovados = avaliacoes
    .filter((prova) => prova.nota >= 7;)
    .map((prova) => prova.aluno.nome;);

Com o ponto e vírgula no fim do retorno das funções.

Gostaria de saber se o uso do ponto e vírgula no JS é ou não obrigatório, se é apenas uma questão de boas práticas, e também se nesse caso da resolução do exercício, se não é necessário o uso do ponto e vírgula.

Obrigado desde já!

Boa noite, Brenno! Como vai?

De modo geral, o uso do ponto e vírgula no JavaScript é opcional contudo é uma boa prática utilizar ele! Já no que diz respeito às arrow functions, quando elas tem apenas uma instrução, pode-se omitir tanto as chaves que delimitam o corpo da função quanto o ponto e vírgula e também os parênteses dos parâmetros caso só haja um deles. Inclusive, da forma como vc fez geraria um erro de sintaxe! O correto seria fazer dessa forma:

let aprovados = avaliacoes
    .filter((prova) => prova.nota >= 7)
    .map((prova) => prova.aluno.nome);

let aprovados = avaliacoes
    .filter((prova) => { return prova.nota >= 7; })
    .map((prova) => { return prova.aluno.nome; });

Ou ainda

let aprovados = avaliacoes
    .filter(prova => prova.nota >= 7)
    .map(prova => prova.aluno.nome);

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!