GetDay JavaScript: Jak łatwo sprawdzić dzień tygodnia w JS?

JavaScript to jeden z najpopularniejszych języków programowania na świecie, który znajduje szerokie zastosowanie w tworzeniu interaktywnych stron internetowych i aplikacji webowych. Dzięki JavaScriptowi możesz w łatwy sposób zarządzać danymi na stronie, w tym także manipulować datami i godzinami. Jedną z najbardziej przydatnych funkcji, której być może jeszcze nie znasz, jest getDay(). Ta metoda pozwala na szybkie i proste sprawdzenie, jaki dzień tygodnia przypada na daną datę. W tym artykule omówimy, czym jest getDay() w JavaScript, jak działa, a także przedstawimy kilka praktycznych przykładów jej użycia. Zapraszam do lektury!

Czym jest metoda getDay() w JavaScript?

Metoda getDay() jest częścią wbudowanego obiektu Date w JavaScript, który pozwala na operowanie na datach. Dzięki tej metodzie możesz uzyskać numer dnia tygodnia dla konkretnej daty. Wartość zwrócona przez getDay() to liczba całkowita od 0 do 6, gdzie każda liczba odpowiada innemu dniu tygodnia. Oto jak to wygląda:

• 0 - Niedziela
• 1 - Poniedziałek
• 2 - Wtorek
• 3 - Środa
• 4 - Czwartek
• 5 - Piątek
• 6 - Sobota

Jest to przydatna funkcjonalność, gdy musisz sprawdzić, który dzień tygodnia przypada na konkretną datę, np. w aplikacjach, które wymagają rozróżniania dni roboczych i weekendów, czy też w kalendarzach.

Jak używać metody getDay()?

Metoda getDay() jest bardzo prosta w użyciu. Oto jak wygląda podstawowy przykład jej zastosowania:

let today = new Date(); // Tworzymy nowy obiekt Date z bieżącą datą i godziną
let dayOfWeek = today.getDay(); // Pobieramy numer dnia tygodnia
console.log(dayOfWeek); // Wyświetlamy numer dnia tygodnia

W tym przykładzie tworzysz nowy obiekt Date, który automatycznie przypisuje bieżącą datę i godzinę. Następnie wywołujesz metodę getDay(), aby uzyskać numer dnia tygodnia, a wynik jest wyświetlany w konsoli. Jeśli uruchomisz ten kod, uzyskasz liczbę, która reprezentuje dzień tygodnia w odniesieniu do dnia dzisiejszego.

Przykłady użycia getDay() w praktyce

Przykład 1: Wyświetlanie pełnej nazwy dnia tygodnia

Choć getDay() zwraca tylko liczbę, możemy to łatwo przekształcić na pełną nazwę dnia tygodnia. Można to zrobić, tworząc tablicę z nazwami dni tygodnia i używając numeru, który zwróci getDay(), jako indeksu tablicy:

let daysOfWeek = ["Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota"];
let today = new Date();
let dayName = daysOfWeek[today.getDay()]; // Pobieramy nazwę dnia tygodnia
console.log("Dziś jest: " + dayName); // Wyświetlamy pełną nazwę dnia

W tym przykładzie tworzymy tablicę, która zawiera nazwy dni tygodnia, zaczynając od Niedzieli. Następnie, używając metody getDay(), uzyskujemy numer dnia tygodnia i wykorzystujemy go jako indeks w tablicy daysOfWeek. Na końcu wyświetlamy pełną nazwę dnia tygodnia w konsoli. Jeśli dzisiaj jest na przykład środa, w konsoli zobaczysz komunikat "Dziś jest: Środa".

Przykład 2: Wyświetlanie tylko dni roboczych

Czasami w aplikacjach webowych chcesz, aby użytkownik mógł sprawdzić tylko dni robocze (od poniedziałku do piątku). Możesz wykorzystać getDay() do łatwego wykluczenia weekendów. Oto jak to zrobić:

let today = new Date();
let dayOfWeek = today.getDay();

if (dayOfWeek >= 1 && dayOfWeek <= 5) {
  console.log("Dziś jest dzień roboczy!");
} else {
  console.log("Dziś jest weekend!");
}

W tym przykładzie najpierw pobieramy numer dnia tygodnia za pomocą getDay(). Następnie, przy pomocy instrukcji warunkowej if, sprawdzamy, czy dzień należy do dni roboczych (poniedziałek-piątek). Jeśli tak, wyświetlamy komunikat „Dziś jest dzień roboczy!”, a jeśli nie (czyli weekend), wyświetlamy komunikat „Dziś jest weekend!”.

Przykład 3: Funkcja sprawdzająca, czy dzień to weekend

Możesz również stworzyć funkcję, która zwróci wartość true, jeśli dzień to weekend (sobota lub niedziela), i false w przeciwnym przypadku:

function isWeekend(date) {
  let dayOfWeek = date.getDay();
  return dayOfWeek === 0 || dayOfWeek === 6; // 0 - Niedziela, 6 - Sobota
}

let today = new Date();
if (isWeekend(today)) {
  console.log("Dziś jest weekend!");
} else {
  console.log("Dziś jest dzień roboczy.");
}

W tym przykładzie stworzyliśmy funkcję isWeekend(), która przyjmuje datę jako argument i sprawdza, czy jest to weekend. Funkcja zwraca wartość true dla niedzieli (0) i soboty (6), a dla innych dni tygodnia – false. Na końcu sprawdzamy, czy dzisiaj jest weekend i wyświetlamy odpowiedni komunikat.

Przykład 4: Dynamiczne zmienianie tła w zależności od dnia tygodnia

Jednym z ciekawszych zastosowań getDay() jest dynamiczne zmienianie wyglądu strony internetowej w zależności od dnia tygodnia. Na przykład możesz ustawić inne tło na stronie w weekendy, a inne w dni robocze. Oto jak można to zrobić:

let today = new Date();
let dayOfWeek = today.getDay();

if (dayOfWeek === 0 || dayOfWeek === 6) {
  document.body.style.backgroundColor = "lightblue"; // Weekend - niebieskie tło
} else {
  document.body.style.backgroundColor = "lightgreen"; // Dni robocze - zielone tło
}

W tym przykładzie zmieniamy tło strony na niebieskie w weekendy i na zielone w dni robocze, używając metody getDay() do sprawdzenia, czy aktualny dzień to weekend, czy dzień roboczy. Dzięki temu Twoja strona może dynamicznie reagować na dni tygodnia!

Podsumowanie

Metoda getDay() w JavaScript jest bardzo prostym, ale potężnym narzędziem do manipulowania datami i godzinami w Twoich aplikacjach webowych. Umożliwia łatwe sprawdzenie, który dzień tygodnia przypada na konkretną datę, co może być przydatne w wielu sytuacjach – od zarządzania kalendarzami, przez optymalizację procesów, aż po zmiany wyglądu strony w zależności od dnia tygodnia. Mamy nadzieję, że dzięki tym przykładom poczujesz się pewniej przy używaniu getDay() i zaczniesz wykorzystywać tę funkcję w swoich projektach. Nie zapomnij eksperymentować i dostosowywać jej do swoich potrzeb!