7 typów danych prymitywnych w JavaScript: Czym są i jak ich używać?

JavaScript jest jednym z najpopularniejszych języków programowania, używanym do tworzenia dynamicznych stron internetowych oraz aplikacji. Jednym z kluczowych elementów, które musisz zrozumieć, są typy danych. W tym artykule przyjrzymy się 7 podstawowym typom danych prymitywnych w JavaScript. Zrozumienie tych typów pomoże Ci lepiej operować na danych, co jest fundamentem w pracy z tym językiem. Zaczynajmy!

1. Czym są dane prymitywne w JavaScript?

Zanim przejdziemy do szczegółów, warto wyjaśnić, czym są typy danych prymitywne. W JavaScript mamy dwa główne rodzaje typów danych: prymitywne i obiektowe. Typy prymitywne to podstawowe typy, które są niemutowalne, co oznacza, że nie można ich zmieniać. Kiedy przypisujesz wartość do zmiennej, tworzysz kopię tej wartości, a nie odniesienie do niej.

JavaScript posiada 7 typów danych prymitywnych, które są fundamentem do zrozumienia działania tego języka. Te typy to: string, number, bigint, boolean, undefined, null, oraz symbol. Teraz przyjrzymy się każdemu z nich.

2. String – łańcuchy znaków

Typ danych string w JavaScript reprezentuje tekst, czyli łańcuch znaków. Stringi są jednym z najczęściej używanych typów danych, ponieważ prawie każda aplikacja w pewnym momencie musi operować na tekście – od nazw użytkowników po treści wiadomości.

Łańcuchy znaków w JavaScript są oznaczane za pomocą pojedynczych lub podwójnych cudzysłowów:

let name = "Jan";
let message = 'Witaj w JavaScript!';

Możesz manipulować stringami za pomocą różnych metod, np. length, toUpperCase(), toLowerCase(), i wielu innych. Oto przykład:

let greeting = "hello world";
console.log(greeting.toUpperCase());  // Zwróci "HELLO WORLD"

3. Number – liczby

Typ number w JavaScript reprezentuje liczby całkowite i zmiennoprzecinkowe. JavaScript nie rozróżnia typów dla liczb całkowitych i zmiennoprzecinkowych – wszystkie traktowane są jako liczby typu number.

Przykład użycia liczby w JavaScript:

let age = 30;
let price = 19.99;
console.log(age);    // 30
console.log(price);   // 19.99

JavaScript umożliwia wykonywanie standardowych operacji matematycznych, takich jak dodawanie, odejmowanie, mnożenie, dzielenie oraz operacje na liczbach zmiennoprzecinkowych.

4. BigInt – liczby całkowite o dowolnej precyzji

Typ BigInt został wprowadzony w JavaScript, aby umożliwić przechowywanie liczb całkowitych, które są zbyt duże, aby zmieściły się w standardowym typie number. Jeśli pracujesz z bardzo dużymi liczbami (np. dużymi wartościami dla danych finansowych czy naukowych), BigInt może być bardzo przydatny.

Tworzenie wartości typu BigInt wygląda tak:

let bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); // Zwróci bardzo dużą liczbę

Pamiętaj, że BigInt jest różny od zwykłych liczb – trzeba go oznaczyć literką „n” na końcu liczby.

5. Boolean – wartości logiczne

Typ boolean reprezentuje jedną z dwóch wartości: true (prawda) lub false (fałsz). Wartości logiczne są podstawą wszelkich decyzji w programowaniu, np. w instrukcjach warunkowych (if, else), pętlach (while, for), czy przy walidacji danych.

Przykład:

let isJavaScriptFun = true;
let isJavaScriptHard = false;
console.log(isJavaScriptFun);  // true
console.log(isJavaScriptHard); // false

Typ boolean jest również bardzo często używany do kontroli przepływu programu.

6. Undefined – niezdefiniowana wartość

Typ undefined oznacza, że zmienna została zadeklarowana, ale nie przypisano jej jeszcze żadnej wartości. Jest to domyślny typ wartości dla zmiennych, które nie zostały zainicjowane.

Przykład:

let myVar;
console.log(myVar);  // undefined

Wartość undefined może również wystąpić, gdy funkcja nie zwróci żadnej wartości:

function greet() {}
console.log(greet());  // undefined

7. Null – pusta wartość

Typ null reprezentuje specjalną wartość, która jest używana do wskazania braku wartości lub pustego obiektu. Wartość null jest często używana do inicjowania zmiennych, które w przyszłości będą przechowywać obiekt lub inną wartość.

Przykład:

let user = null;
console.log(user);  // null

Wartość null jest używana w przypadku, gdy chcesz wyraźnie zaznaczyć, że zmienna nie posiada wartości, ale nie jest „niezdefiniowana” (jak w przypadku undefined).

8. Symbol – unikalny identyfikator

Typ symbol jest nowym typem danych wprowadzonym w ES6. Jest używany do tworzenia unikalnych identyfikatorów, które mogą być wykorzystywane np. jako klucze w obiektach. Symbole są szczególne, ponieważ każda instancja symbolu jest unikalna, nawet jeśli ich opis jest identyczny.

Przykład tworzenia symbolu:

let uniqueSymbol = Symbol('description');
let anotherSymbol = Symbol('description');
console.log(uniqueSymbol === anotherSymbol); // false, ponieważ są to różne symbole

Symbole są używane w przypadkach, kiedy potrzebujesz zagwarantować, że klucz w obiekcie będzie absolutnie unikalny, np. w sytuacjach związanych z implementacją systemów modułowych.

9. Podsumowanie

JavaScript oferuje 7 podstawowych typów danych prymitywnych, z których każdy ma swoje specyficzne zastosowanie. Zrozumienie, czym są te typy, pozwoli Ci lepiej zarządzać danymi w Twoich aplikacjach i pisać bardziej efektywny kod.

Oto lista 7 typów danych prymitywnych w JavaScript:

• String
• Number
• BigInt
• Boolean
• Undefined
• Null
• Symbol

Każdy z tych typów ma swoje unikalne właściwości i zastosowanie, a opanowanie ich jest kluczem do sukcesu w pracy z JavaScript. Mam nadzieję, że teraz czujesz się bardziej komfortowo w pracy z tymi podstawowymi typami danych!