Ćwiczenia - Typy Danych JavaScript

Ćwicz rozpoznawanie i konwersję typów danych w JavaScript: string, number, boolean, null, undefined, object, array, symbol, bigint oraz funkcje. [web:2][web:5]

Ćwiczenia podstawowe

Ćwiczenie 1: Sprawdź typ danych

Napisz kod, który pobierze wartość z inputa (prompt) i wyświetli jej typ za pomocą typeof. [web:9]

let value = prompt("Podaj wartość:");
console.log(typeof value); // zawsze 'string' dla prompt

Uwaga: prompt zawsze zwraca string lub null. [web:9]

Ćwiczenie 2: Konwersja do liczby

Napisz kod, który zamieni wpisany tekst na liczbę i wyświetli wynik oraz typ powstałej wartości.

let value = prompt("Podaj liczbę:");
let number = Number(value);
console.log(number);
console.log(typeof number); // 'number'

Ćwiczenie 3: Konwersja do stringa

Napisz kod, który zamieni liczbę na tekst i sprawdzi typ wyniku.

let num = 42;
let text = String(num);
console.log(text);
console.log(typeof text); // 'string'

Ćwiczenie 4: Konwersja do boolean

Napisz kod, który sprawdzi, czy podana wartość jest traktowana jako prawdziwa (truthy) lub fałszywa (falsy). [web:5]

let value = prompt("Podaj wartość:");
let boolValue = Boolean(value);
console.log(boolValue);
console.log(typeof boolValue); // 'boolean'

Ćwiczenie 5: Sprawdzenie wartości null

Napisz kod, który sprawdzi, czy zmienna ma wartość null.

let value = null;
console.log(value === null); // true

typeof null zwraca 'object' (stary błąd w języku). [web:2]

Ćwiczenie 6: Sprawdzenie wartości undefined

Napisz kod, który sprawdzi, czy zmienna ma wartość undefined.

let value;
console.log(value === undefined); // true
console.log(typeof value); // 'undefined'

Ćwiczenie 7: Sprawdzenie czy wartość jest liczbą

Napisz kod, który sprawdzi, czy podana wartość po konwersji jest poprawną liczbą (nie NaN). [web:5]

let value = prompt("Podaj wartość:");
let num = Number(value);
let isNumber = !Number.isNaN(num); // lepsze niż isNaN
console.log(isNumber);

Ćwiczenie 8: Sprawdzenie czy wartość to obiekt

Napisz kod, który sprawdzi, czy podana wartość to zwykły obiekt (nie tablica i nie null). [web:2][web:6]

let value = { name: "Jan" };

let isPlainObject =
    typeof value === "object" &&
    value !== null &&
    !Array.isArray(value);

console.log(isPlainObject); // true

Ćwiczenie 9: Sprawdzenie czy wartość to tablica

Napisz kod, który sprawdzi, czy podana wartość to tablica przy użyciu Array.isArray. [web:6]

let value = [1, 2, 3];
console.log(Array.isArray(value)); // true

Ćwiczenie 10: Sprawdzenie długości stringa

Napisz kod, który wyświetli długość wpisanego tekstu (length).

let text = prompt("Podaj tekst:");
console.log(text.length);

Dodatkowe typy

Ćwiczenie 11: Typ symbol

Utwórz zmienną typu symbol i wypisz jej typ oraz wartość. [web:5]

let id = Symbol("userId");
console.log(id);
console.log(typeof id); // 'symbol'

Ćwiczenie 12: Typ bigint

Utwórz dużą liczbę typu bigint i sprawdź jej typ.

let big = 123456789012345678901234567890n;
console.log(big);
console.log(typeof big); // 'bigint'

Ćwiczenie 13: Funkcja jako typ

Napisz prostą funkcję i sprawdź, co zwróci typeof dla tej funkcji. [web:9]

function greet(name) {
    return "Cześć, " + name + "!";
}

console.log(typeof greet); // 'function'
console.log(greet("Jan"));

Mini sandbox – wypróbuj swój kod

Wpisz dowolny kod JavaScript i kliknij „Uruchom”. Wynik pojawi się poniżej. Używaj console.log, aby wyświetlać wartości. [web:3]