JavaScript Academy · Lekcja

Techniki jawnej konwersji

Proszę świadomie konwertować typy za pomocą Number, String i Boolean.

Techniki jawnej konwersji to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 4 lekcji w sumie.

Jawna konwersja

Jawna konwersja oznacza celową zmianę typu wartości za pomocą funkcji zamiast polegania na konwersji wykonywanej przez operatory. Dzięki temu kod jest czytelniejszy i bezpieczniejszy.

console.log(Number("42"))
console.log(String(42))

Funkcja Number

Funkcja Number konwertuje wartość do liczby. Ciągi znaków reprezentujące liczby są konwertowane poprawnie, a ciągi nienumeryczne stają się NaN.

console.log(Number("3.14"))
console.log(Number("  10  "))
console.log(Number("abc"))

Przypadki brzegowe funkcji Number

Number traktuje pusty ciąg znaków i wartość null jako zero, natomiast undefined staje się NaN. Znajomość tych przypadków brzegowych pomaga zapobiegać błędom.

console.log(Number(""))
console.log(Number(null))
console.log(Number(undefined))

parseInt

parseInt odczytuje liczbę całkowitą od początku ciągu znaków i zatrzymuje się przy pierwszym znaku nienumerycznym. Ignoruje końcowy tekst.

console.log(parseInt("42px"))
console.log(parseInt("3.99"))
console.log(parseInt("abc"))

Podstawa systemu liczbowego w parseInt

Do parseInt należy zawsze przekazywać parametr radix, aby określić podstawę systemu liczbowego. Przy zwykłym odczytywaniu liczb dziesiętnych należy używać wartości 10, aby uniknąć niejednoznaczności.

console.log(parseInt("0x1F", 16))
console.log(parseInt("101", 2))
console.log(parseInt("08", 10))

parseFloat

parseFloat odczytuje liczbę zmiennoprzecinkową od początku ciągu znaków, zachowując część dziesiętną, którą parseInt by pomijał.

console.log(parseFloat("3.14m"))
console.log(parseFloat("1.5e3"))

Funkcja String

Funkcja String konwertuje dowolną wartość do jej tekstowej reprezentacji, w tym null i undefined, które stają się słowami null i undefined.

console.log(String(123))
console.log(String(true))
console.log(String(null))

Metoda toString

Większość wartości ma metodę toString, która w przypadku liczb może przyjmować parametr radix i tworzyć tekst w systemie binarnym lub szesnastkowym.

console.log((255).toString(16))
console.log((5).toString(2))

Funkcja Boolean

Funkcja Boolean konwertuje wartość zgodnie z regułami truthy i falsy, jawnie zwracając true lub false.

console.log(Boolean(1))
console.log(Boolean(""))
console.log(Boolean("no"))

Wybór właściwego narzędzia

Należy używać Number do konwersji całych ciągów znaków na liczby, parseInt lub parseFloat do wyodrębniania liczb z mieszanego tekstu, a String lub toString do tworzenia tekstowego wyniku.

console.log(Number("100"))
console.log(parseInt("100 dollars", 10))

Sprawdzanie poprawności konwersji

Po konwersji do liczby należy użyć Number.isNaN, aby potwierdzić powodzenie konwersji przed użyciem wyniku.

const raw = "x9"
const n = Number(raw)
if (Number.isNaN(n)) {
  console.log("invalid number")
}

Szybki test

Proszę sprawdzić swoją wiedzę na temat konwersji.

Podsumowanie

Podsumowanie: Należy jawnie konwertować typy, aby zachować czytelność kodu.

Number konwertuje całe ciągi znaków; wartości nienumeryczne stają się NaN
parseInt i parseFloat wyodrębniają liczby znajdujące się na początku ciągu
Do parseInt należy zawsze przekazywać parametr radix
String i Boolean konwertują wartości odpowiednio do tekstu i wartości logicznych

console.log(Number("7"))
console.log(String(7))

Często zadawane pytania

Czy lekcja „Techniki jawnej konwersji” jest bezpłatna?

Tak — pełny tekst „Techniki jawnej konwersji” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Techniki jawnej konwersji”?

Proszę świadomie konwertować typy za pomocą Number, String i Boolean. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?

Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Techniki jawnej konwersji”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?

Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do JavaScript Academy