Итоги: массивы и кортежи
Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 21 из 73.
Задание
ЛегкоСоздайте функцию с именем addToShoppingList, которая принимает два параметра: кортеж типа [string, number], представляющий товар (название и количество), и массив строк, представляющий текущий список покупок.
Функция должна извлечь название товара из кортежа и добавить его в массив списка покупок. Функция должна вернуть обновленный список покупок в виде нового массива (не изменяя исходный массив).
Протестируйте свою функцию со следующими данными:
- Создайте кортеж с именем
groceryItemсо значениями"apples"и5 - Создайте массив с именем
currentListсо значениями["bread", "milk", "eggs"] - Вызовите свою функцию с этими параметрами и сохраните результат в переменной с именем
updatedList
Выведите обновленный список покупок в консоль.
Затем снова протестируйте функцию:
- Создайте еще один кортеж с именем
bakeryItemсо значениями"cookies"и2 - Вызовите свою функцию, используя
updatedListиз предыдущего шага и новыйbakeryItem - Сохраните этот результат в переменной с именем
finalList
Выведите финальный список покупок в консоль.
Попробуйте сами
// TODO: Напишите свой код здесь
// Создайте функцию addToShoppingList, которая принимает кортеж и массив в качестве параметров
// Тестовые данные
const groceryItem: [string, number] = ["apples", 5];
const currentList: string[] = ["bread", "milk", "eggs"];
// TODO: Вызовите свою функцию и сохраните результат в updatedList
// TODO: Выведите обновленный список покупок
// Второй тест
const bakeryItem: [string, number] = ["cookies", 2];
// TODO: Снова вызовите свою функцию, используя updatedList и bakeryItem, сохраните результат в finalList
// TODO: Выведите окончательный список покупокВсе уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций
2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежиПотренируйтесь самостоятельно: Песочница TypeScript