Menu
Coddy logo textTech

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 konkatenacja
let result = true == 1;
// Jest prawdziwe, ponieważ wartość logiczna true jest niejawnie konwertowana na liczbę 1

Jawne 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 1

Zrozumienie konwersji typów jest kluczowe przy pisaniu poprawnego kodu JavaScript i unikaniu nieoczekiwanych wyników.

challenge icon

Wyzwanie

Początkujący

Otrzymujesz kod z kilkoma zmiennymi różnych typów.

Twoim zadaniem jest przeprowadzenie konwersji typów i wyświetlenie wyników:

  1. Przekonwertuj liczbę num na ciąg znaków i zapisz ją w zmiennej o nazwie a.
  2. Przekonwertuj wartość logiczną bool na liczbę i zapisz ją w zmiennej o nazwie b.
  3. Przekonwertuj ciąg znaków str na liczbę i zapisz ją w zmiennej o nazwie c.
  4. Przeprowadź niejawną konwersję typów, łącząc num z str, i zapisz wynik w zmiennej o nazwie d.

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}`)
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