Obiekty JavaScript: Od podstaw do operacji CRUD
Obiekty JavaScript grupują powiązane ze sobą dane i funkcje. Zamiast używać oddzielnych zmiennych, używasz par klucz-wartość.
Wyobraź sobie encję, na przykład studenta. Obiekt reprezentuje tę encję w Twoim kodzie.
Każdy obiekt składa się z trzech części:
- Encja: Sama rzecz (np. Student).
- Stan: To, co posiada obiekt (np. imię, wiek). Są to właściwości (properties).
- Zachowanie: To, co robi obiekt (np. uczy się). Są to metody (methods).
Jak tworzyć obiekty:
Literal obiektu (Object Literal) To najczęstszy sposób. Używasz klamer, aby bezpośrednio zdefiniować obiekt. Jest to krótkie i łatwe do odczytania. let student = { name: "Saravanan", age: 25 };
Konstruktor obiektu (Object Constructor) Używasz słowa kluczowego
new, aby zbudować obiekt. let student = new Object(); student.name = "Saravanan";
Większość programistów preferuje metodę literalną.
Operacje CRUD:
Wykonujesz cztery podstawowe zadania na danych obiektowych:
- Create (Tworzenie): Definiowanie nowego obiektu.
- Read (Odczyt): Dostęp do danych za pomocą notacji kropkowej (person.name) lub nawiasowej (person["name"]).
- Update (Aktualizacja): Zmiana istniejącej wartości (person.age = 26).
- Delete (Usuwanie): Usuwanie właściwości za pomocą słowa kluczowego
delete(delete person.age).
Zaawansowane pojęcia:
- Metody: Funkcja wewnątrz obiektu to metoda. Możesz używać składni skróconej do ich pisania.
- Zagnieżdżone obiekty: Obiekt może zawierać w sobie inny obiekt. Pomaga to w organizowaniu złożonych danych, takich jak adres.
- Typy danych: Obiekty mogą przechowywać ciągi znaków (strings), liczby (numbers), wartości logiczne (booleans), tablice (arrays), funkcje oraz inne obiekty.
Podsumowanie struktury obiektu:
- name: String
- age: Number
- address: Zagnieżdżony obiekt
- greet: Metoda (Funkcja)
Źródło: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg