Destrukturyzacja krotek

Część sekcji Wprowadzenie do TypeScript ścieżki JavaScript w Coddy. Lekcja 17 z 73.

Chociaż dostęp do elementów krotki za pomocą indeksu działa bez zarzutu, istnieje jeszcze bardziej elegancki sposób wyodrębniania wartości z krotek: destrukturyzacja. Ta funkcja JavaScript działa bezproblemowo z typowanymi krotkami TypeScript, pozwalając rozpakować wartości krotki do osobnych zmiennych w jednym wierszu.

Destrukturyzacja tablicy używa nawiasów kwadratowych po lewej stronie przypisania, aby utworzyć nowe zmienne odpowiadające każdej pozycji w krotce:

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (TypeScript knows this is a number)
console.log(name); // "Alice" (TypeScript knows this is a string)

Wyzwanie

Łatwy

Utwórz krotkę o nazwie employee, która zawiera liczbę (identyfikator pracownika), a następnie ciąg znaków (imię i nazwisko pracownika). Zainicjuj ją identyfikatorem 1001 i imieniem i nazwiskiem "Sarah Johnson".

Użyj destrukturyzacji, aby wyodrębnić wartości z krotki employee do dwóch osobnych zmiennych o nazwach empId i empName.

Utwórz kolejną krotkę o nazwie coordinates, która zawiera dwie liczby reprezentujące współrzędne szerokości i długości geograficznej. Zainicjuj ją wartościami 40.7128 i -74.0060.

Użyj destrukturyzacji, aby wyodrębnić wartości z krotki coordinates do dwóch osobnych zmiennych o nazwach latitude i longitude.

Wyświetl zmienne uzyskane przez destrukturyzację w następującej kolejności, każdą w osobnym wierszu:

Wyświetl identyfikator pracownika
Wyświetl imię i nazwisko pracownika
Wyświetl szerokość geograficzną
Wyświetl długość geograficzną

Spróbuj swoich sił

// TODO: Napisz tutaj swój kod
// Utwórz krotkę pracownika z ID 1001 i imieniem "Sarah Johnson"
// Użyj destrukturyzacji, aby wyodrębnić empId i empName
// Utwórz krotkę współrzędnych z wartościami 40.7128 i -74.0060 (nie używaj 'location' jako nazwy zmiennej)
// Użyj destrukturyzacji, aby wyodrębnić latitude i longitude
// Wypisz wszystkie cztery zmienne w podanej kolejności

// Wypisz wyniki (odkomentuj i zmodyfikuj w razie potrzeby)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);