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:

let 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):

let 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):

let 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:

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

console.log(days[day]);

Suponha que temos o seguinte array:

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

Exiba usando este array o nome do mês atual.