Массивы и кортежи

Добро пожаловать на следующий урок! На этом уроке мы рассмотрим работу с массивами и кортежами в TypeScript. Эти структуры позволяют организованно хранить несколько значений. Давайте приступим!

Что такое массивы?

Массив — это набор элементов, хранящихся в одной переменной. В TypeScript можно указать тип элементов массива. Пример:

Задание: Создайте массив своих любимых чисел и выведите его в консоль.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
console.log(numbers);
console.log(names);

Доступ к элементам массива

Вы можете обращаться к элементам массива по их индексу. Помните: индексы массивов начинаются с 0:

Задание: Попробуйте обратиться к разным элементам массива и вывести их в консоль.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

Распространённые методы массивов

Массивы TypeScript имеют множество полезных методов. Вот несколько примеров:

• push: Добавляет элемент в конец массива.
• pop: Удаляет последний элемент массива.
• длина: Возвращает количество элементов в массиве.

Пример:

Задание: Поэкспериментируйте с такими методами массивов, как push и pop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

Что такое кортежи?

Кортеж — это массив фиксированной длины, в котором каждый элемент может иметь свой тип. Кортежи удобны для объединения связанных данных разных типов. Пример:

Задание: Создайте кортеж, представляющий учащегося, с именем и age.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

Работа с кортежами

Как и массивы, кортежи поддерживают индексацию и методы. Однако их структура фиксирована, и Вы не можете добавлять дополнительные элементы без изменения типа кортежа. Пример:

Задание: Определите кортеж для точки в двумерном пространстве и выведите его значения.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

Использование массивов кортежей

Вы можете создать массив кортежей для хранения нескольких связанных записей данных. Пример:

Задание: Создайте массив кортежей для хранения имён и возраста Ваших друзей.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

Распространённые ошибки

Вот некоторые распространённые ошибки при работе с массивами и кортежами:

• Обращение к элементам за пределами границ массива (возвращается undefined).
• Использование данных неправильного типа в массивах или кортежах (вызывает ошибки в TypeScript).
• Попытка изменить структуру кортежа без обновления его типа.

Совет: Всегда явно указывайте типы, чтобы избежать неожиданного поведения!

Отличная работа!

Поздравляем! Вы научились использовать массивы и кортежи в TypeScript для хранения коллекций данных и управления ими. Это незаменимые инструменты для работы со структурированной информацией в программах. На следующем уроке мы рассмотрим типы объединения и пересечения, которые помогают работать с более сложными сценариями. Продолжайте программировать!