Menu
CoddyTech

Konwersja typów — część 1

Część sekcji Podstawy ścieżki JavaScript w Coddy. Lekcja 30 z 77.

Aby konwertować różne typy danych w JavaScript, musimy używać konwersji typów.

JavaScript obsługuje zarówno niejawną, jak i jawną konwersję typów. Skupmy się na najczęściej używanych metodach jawnej konwersji, część 1:

parseInt i parseFloat

// Konwersja ciągu znaków na liczbę przy użyciu parseInt i parseFloat
let str = "42";
let num1 = parseInt(str);    // Konwertuje na liczbę całkowitą
let num2 = parseFloat("42.5");  // Konwertuje na liczbę zmiennoprzecinkową

console.log(num1);  // Wyświetla: 42
console.log(num2);  // Wyświetla: 42.5

Obie funkcje odczytują liczbę od początku ciągu znaków i zatrzymują się na pierwszym znaku, który nie jest częścią liczby. Jeśli ciąg znaków nie zaczyna się od liczby, zwracają NaN (Not a Number):

console.log(parseInt("5ab"));      // Wyświetla: 5 (parsuje do napotkania nieprawidłowego znaku)
console.log(parseFloat("5.2xyz")); // Wyświetla: 5.2 (parsuje do napotkania nieprawidłowego znaku)
console.log(parseFloat("abc123")); // Wyświetla: NaN (na początku nie ma liczby)

Wartości pochodzące od użytkownika (takie jak inp[0]) są zawsze ciągami znaków, więc przed wykonywaniem obliczeń przekonwertuj je za pomocą parseInt lub parseFloat: w przeciwnym razie + łączy je jako tekst, zamiast je dodawać.

Ważne jest, aby używać odpowiedniego typu, ponieważ może on wpłynąć na wynik.

Łączenie dwóch ciągów znaków: "5" + "5" == "55"

Dodawanie dwóch liczb: 5 + 5 == 10

Zrozumienie konwersji typów jest niezbędne do pisania niezawodnego kodu JavaScript i unikania nieoczekiwanych wyników w programach.

challenge icon

Wyzwanie

Początkujący

Dane są dwa ciągi znaków var1 i var2.

Rzutuj je na typ float i wypisz iloczyn tych dwóch wartości.

Spróbuj swoich sił

let var1 = inp[0] // Nie zmieniaj tej linii
let var2 = inp[1] // Nie zmieniaj tej linii

// Napisz kod poniżej
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy

Poćwicz samodzielnie: Kompilator JavaScript online