Zmienne i typy danych w JavaScript - jak je zrozumieć?

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

4.5

(2 opinii)

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.

let mojaKsiążka = "Hobbit";

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ę, że artykuł ten przybliżył Ci te kluczowe zagadnienia. Pamiętaj, że regularne ćwiczenia i praktyka ułatwią Ci dalszą naukę programowania.