TypeScript, расширенная версия JavaScript, предоставляет мощные функции для работы с массивами. В этой статье мы углубимся в различные методы, которые можно использовать для управления массивами, содержащими как числа, так и строки. Мы рассмотрим основные операции, такие как доступ к элементам, добавление или удаление элементов, преобразование массивов и многое другое. Итак, приступим!

1. Объявление массивов:

Для начала давайте разберемся, как объявлять массивы в TypeScript:

// Array of numbers
let numberArray: number[] = [1, 2, 3, 4, 5];
// Array of strings
let stringArray: string[] = ["apple", "banana", "cherry", "date"];

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

Для доступа к отдельным элементам массива вы можете использовать квадратные скобки и индекс элемента (начиная с 0):

console.log(numberArray[0]); // Output: 1
console.log(stringArray[2]); // Output: "cherry"

1. Добавление и удаление элементов:

Чтобы добавить или удалить элементы в массиве, TypeScript предоставляет такие методы, как push, pop, unshiftи splice:

// Adding items
numberArray.push(6); // Adds 6 at the end
stringArray.unshift("apricot"); // Adds "apricot" at the beginning
// Removing items
numberArray.pop(); // Removes the last item (6)
stringArray.splice(2, 1); // Removes 1 item starting from index 2

1. Длина массива и циклы:

Вы можете получить длину массива, используя свойство length. Кроме того, вы можете перебирать элементы массива с помощью циклов:

console.log(numberArray.length); // Output: 5
for (let i = 0; i < stringArray.length; i++) {
  console.log(stringArray[i]);
}

1. Преобразование массива:

Массивы TypeScript предоставляют несколько методов преобразования элементов массива, например map, filterи reduce:

// Using map to transform elements
const doubledNumbers = numberArray.map((num) => num * 2);
console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]
// Using filter to select specific elements
const filteredStrings = stringArray.filter((str) => str.length > 5);
console.log(filteredStrings); // Output: ["banana", "cherry"]
// Using reduce to perform calculations
const sumOfNumbers = numberArray.reduce((acc, num) => acc + num, 0);
console.log(sumOfNumbers); // Output: 15

В этой статье мы рассмотрели различные методы работы с массивами TypeScript, содержащими как числа, так и строки. Мы рассмотрели объявление массива, доступ к элементам, добавление/удаление элементов, длину массива, циклы и преобразование массива. Используя эти методы, вы можете эффективно манипулировать и обрабатывать массивы в своих проектах TypeScript.

Не забывайте экспериментировать и исследовать дальше, чтобы лучше понять массивы TypeScript. Приятного кодирования!