JavaScript
Wyszukiwarka
Wprowadzenie do JavaScript
Podstawy języka JavaScript
Zmienne i typy danych
Pętle i instrukcje warunkowe
Podstawy funkcji
Obiekty i tablice
Obsługa formularzy i edycja elementów
Cookies
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.