Exibindo partes da data por extenso em JavaScript

Você já sabe como exibir o dia da semana em formato numérico usando o método getDay. No entanto, muitas vezes, precisamos não do número do dia da semana, mas do seu nome por extenso. Vamos escrever um código que converta os números retornados pelo método getDay nos nomes correspondentes dos dias da semana.

Para começar, vamos escrever um código que exiba o número do dia da semana atual:

javascriptlet date = new Date();
let day = date.getDay();

console.log(day);

Agora, vamos melhorar este código para que ele exiba não o número do dia da semana, mas seu nome (por brevidade, domingo será 'dom', segunda-feira 'seg' e assim por diante).

Para resolver este problema, vamos criar um array de dias da semana days e começar por domingo (já que este é o dia zero):

javascriptlet days = ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'];

Como usar este array para exibir na tela, por exemplo, 'ter'? É necessário passar entre colchetes o número deste dia (terça-feira tem o número 2):

javascriptlet days = ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'];
console.log(days[2]); // exibirá 'ter'

No entanto, não queremos passar o dia da semana manualmente, e sim que o JavaScript mesmo determine o dia atual e exiba seu nome. Para isso, é necessário combinar o que o método getDay retorna com nosso array days:

javascriptlet date = new Date();
let day  = date.getDay();
let days = ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'];

console.log(days[day]);

javascriptlet months = [
  'jan', 'fev', 'mar', 'abr', 'mai', 'jun',
  'jul', 'ago', 'set', 'out', 'nov', 'dez'
];