Obiekty: tworzenie i kluczowe metody

W JavaScript obiekty pozwalają na przechowywanie i organizowanie danych w postaci par klucz-wartość. Dzięki nim możesz grupować właściwości (cechy) i metody (zachowania) elementów, co jest podstawą programowania zorientowanego obiektowo oraz tworzenia złożonych struktur danych.


Tworzenie obiektu

Najpopularniejszy sposób to literał obiektu (object literal):

  • imie i wiek to właściwości (cechy obiektu).
  • przywitaj() to metoda (funkcja wewnątrz obiektu).
  • this.imie odwołuje się do właściwości imie tego samego obiektu.
Przykład
const osoba = {
  imie: "Ala",
  wiek: 25,
  przywitaj: function() {
    console.log("Cześć, mam na imię " + this.imie);
  }
};

Kluczowe metody wbudowane

  • Object.keys(obj)
    • Zwraca tablicę zawierającą nazwy kluczy (właściwości) obiektu.
  • Object.values(obj)
    • Zwraca tablicę wartości właściwości obiektu.
  • Object.entries(obj)
    • Zwraca tablicę par [klucz, wartość].
  • Object.assign(cel, źródło)
    • Kopiuje właściwości z obiektu źródło do obiektu cel.
  • delete obj.klucz
    • Usuwa właściwość klucz z obiektu obj.
Praktyczne użycie

See the Pen Untitled by EE-Informatyk.pl (@eeinformatyk) on CodePen.


Podsumowanie

  • Obiekty w JavaScript to podstawowa struktura przechowywania danych w formie klucz-wartość.
  • Możesz dodawać zarówno właściwości (dane), jak i metody (funkcje) do obiektów.
  • Kluczowe metody (Object.keys(), Object.values(), Object.entries()) ułatwiają pracę z obiektami.
  • Dzięki this wewnątrz metod możesz odwoływać się do właściwości tego samego obiektu.
  • Obiekty dają dużą elastyczność, a wraz z tablicami stanowią fundamenty budowania bardziej złożonych struktur w JavaScript.