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.5Obie 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.
Wyzwanie
PoczątkującyDane 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żejTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
4Operatory, część 2
Operatory logiczne, część 1Operatory logiczne, część 2Powtórka — prosta logikaOperatory logiczne, część 3Konwersja typów7Kalkulator podziału rachunku
Wiadomość powitalnaObliczanie napiwku i sumy10FizzBuzz z niespodzianką
Omówienie gryFunkcja FizzBuzz2Zmienne
LiczbyŁańcuch znakówWartość logicznaKonwencje nazewnictwaPuste zmiennePodsumowanie – inicjalizacja zmiennychStałe5Podejmowanie decyzji
Instrukcja ifIf - ElsePowtórka – prosty kalkulatorZagnieżdżone If - ElseInstrukcja switch3Operatory, część 1
Operatory arytmetyczneOperator moduloSkrócone operatory arytmetyczneOperatory porównaniaRówność ścisła a luźnaPowtórka — prosta matematyka6Podstawowe wejście/wyjście
WyjścieWyjście ze zmiennymiKonwersja typów — część 1Konwersja typów — część 2Powtórka — do 120Powtórka — prawda czy fałszPoćwicz samodzielnie: Kompilator JavaScript online