Jednym z kluczowych aspektów, które warto poznać na początek przygody z językiem JavaScript, są zmienne i typy danych. W tym artykule przedstawimy podstawowe informacje na ten temat. Zaczynajmy.
Kurs JavaScript od podstaw
Opanuj język JavaScript od zera do pierwszego projektu. Naucz się programować w JS, twórz dynamiczne strony internetowe i aplikacje webowe. Rozpocznij ścieżkę kariery JavaScript Developera tym kursem. Dowiedz się więcej
Co to jest zmienna?
Wyobraź sobie skrzynię skarbów. Każdy skarb ma swoją wartość, kolor i kształt. W programowaniu, skrzynia to nasza zmienna, a skarby to dane, które w niej przechowujemy.
Tworząc zmienną w JavaScript, nadajemy jej nazwę, by móc do niej łatwo wrócić. Dzięki słowom kluczowym, takim jak let, const czy rzadziej używanym var, możemy stworzyć miejsce dla naszego skarbu.
Podstawowe typy danych w JavaScript
Podobnie jak różnorodne są skarby, tak różnorodne są dane, które przechowujemy w zmiennych:
- Liczby (Number): Wszelkiego rodzaju liczby, od małych po duże, zarówno całkowite, jak i ułamkowe. Np. 42, 3.14.
- Ciągi znaków (String): Tekstowe reprezentacje. Wartości są otoczone cudzysłowami lub apostrofami, np. "Witaj Świecie!" lub 'Jestem programistą'.
- Boolean: Reprezentują wartości logiczne - true (prawda) lub false (fałsz). Idealne do podejmowania decyzji w kodzie.
- Obiekty (Object): Skomplikowane struktury danych, które mogą przechowywać wiele wartości w jednym miejscu. Myśl o nich jak o koszach pełnych różnych przedmiotów.
- Tablice (Array): Lista wartości, idealna do przechowywania serii danych, np. listy zakupów.
- null i undefined: Specjalne typy reprezentujące brak wartości.
Deklaracja, inicjalizacja i przypisanie
Zmienne przechowują dane, ale aby to zrobić, muszą być najpierw stworzone:
- Deklaracja: To jak mówienie: "Hej, chcę miejsce na mój skarb!".
let kolor; - Inicjalizacja: To moment, gdy faktycznie umieszczasz skarb w skrzyni. kolor = "niebieski";
- Przypisanie: Łączysz te dwa kroki w jeden: let kolor = "niebieski";
Konwersja i koercja typów danych
W JavaScript różne typy danych mogą być ze sobą łączone. Dla przykładu, chcemy dodać liczbę 5 do tekstu "Mam ... jabłek", żeby dostać "Mam 5 jabłek". Aby to osiągnąć, możemy przekształcić nasze dane. Wyróżniamy tu dwie metody:
- Konwersja: Świadome przekształcenie jednego typu danych w inny.
let liczba = 5;
let tekst = String(liczba) - Koercja: Kiedy JavaScript sam próbuje dopasować typy danych dla nas, co może prowadzić do niespodziewanych wyników
let wynik = '5' + 3; // Zwróci "53", nie 8, ponieważ 5 znajduje
się pomiędzy ‘’ - jest traktowane jako string (tekst)!
Ekosystem JavaScript - wprowadzenie
Zobacz kurs
Kurs Programowanie funkcyjne w JavaScript
Zobacz kurs
Kurs Programowanie obiektowe w JavaScript
Zobacz kurs
Jak pamiętać o typach danych?
- Praktyka: Jak wszystko w programowaniu, praktyka czyni mistrza! Im więcej kodujesz, tym lepiej rozumiesz różne typy danych.
- Notatki: Tworzenie własnych notatek może pomóc w zrozumieniu i zapamiętaniu.
- Narzędzia: Wbudowane narzędzia deweloperskie w przeglądarkach pomogą Ci eksperymentować i zobaczyć, jakie typy danych są używane w czasie rzeczywistym.
Podsumowanie
Zrozumienie zmiennych i typów danych jest ważne podczas programowania w JavaScript. To podstawy, które pomagają w efektywnym korzystaniu z tego języka. Mamy nadzieję, iż artykuł ten przybliżył Ci te najważniejsze zagadnienia. Pamiętaj, iż regularne ćwiczenia i praktyka ułatwią Ci dalszą naukę programowania.
