Konwersja typów
Część sekcji Podstawy ścieżki JavaScript w Coddy. Lekcja 22 z 77.
Konwersja typów w JavaScript to automatyczne przekształcanie wartości z jednego typu danych na inny. Może zachodzić niejawnie podczas niektórych operacji lub jawnie, gdy używasz funkcji takich jak String(), Number() lub Boolean().
Niejawna konwersja typów często zachodzi, gdy używasz operatora luźnego porównania == lub wykonujesz operacje na różnych typach, na przykład dodajesz liczbę do ciągu znaków.
Na przykład:
let result = 5 + "5";
// Przechowuje "55", ponieważ liczba 5 jest niejawnie konwertowana na ciąg znaków "5", a następnie następuje konkatenacjalet result = true == 1;
// Jest prawdziwe, ponieważ wartość logiczna true jest niejawnie konwertowana na liczbę 1Jawne wymuszenie typu można wykonać za pomocą wbudowanych funkcji:
String(value)konwertuje wartość na ciąg znaków
Number(value)konwertuje wartość na liczbę
Boolean(value)konwertuje wartość na wartość logiczną
Na przykład:
let num = "123";
let str = Number(num) + 7; // Przechowuje 130
console.log(str); let bool = true;
let numBool = Number(bool); // Przechowuje 1Zrozumienie konwersji typów jest kluczowe przy pisaniu poprawnego kodu JavaScript i unikaniu nieoczekiwanych wyników.
Wyzwanie
PoczątkującyOtrzymujesz kod z kilkoma zmiennymi różnych typów.
Twoim zadaniem jest przeprowadzenie konwersji typów i wyświetlenie wyników:
- Przekonwertuj liczbę
numna ciąg znaków i zapisz ją w zmiennej o nazwiea. - Przekonwertuj wartość logiczną
boolna liczbę i zapisz ją w zmiennej o nazwieb. - Przekonwertuj ciąg znaków
strna liczbę i zapisz ją w zmiennej o nazwiec. - Przeprowadź niejawną konwersję typów, łącząc
numzstr, i zapisz wynik w zmiennej o nazwied.
W pierwszych trzech zadaniach użyj jawnych funkcji konwersji typów (String(), Number()), a w ostatnim zaobserwuj niejawną konwersję.
Spróbuj swoich sił
// Podane zmienne
let num = 42
let bool = false
let str = "7"
// Wpisz swój kod poniżej
// Nie zmieniaj poniższej linijki
console.log(`a = ${a}`)
console.log(`b = ${b}`)
console.log(`c = ${c}`)
console.log(`d = ${d}`)Ta 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