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

1. Инициализация:
   Чтобы создать массив, который может содержать как строки, так и числа, вы можете использовать буквальную запись массива:

let mixedArray: (string | number)[] = ["apple", 42, "banana", 7, "cherry"];

1. Доступ к элементам:
   Вы можете получить доступ к отдельным элементам массива, используя их индекс:

console.log(mixedArray[0]); // Output: "apple"
console.log(mixedArray[1]); // Output: 42

1. Длина массива:
   Свойство lengthпозволяет определить количество элементов в массиве:

console.log(mixedArray.length); // Output: 5

1. Добавление элементов:
   Чтобы добавить элементы в конец массива, вы можете использовать метод push:

mixedArray.push("date", 10);
console.log(mixedArray); // Output: ["apple", 42, "banana", 7, "cherry", "date", 10]

1. Удаление элементов:
   Чтобы удалить элементы из конца массива, вы можете использовать метод pop:

mixedArray.pop();
console.log(mixedArray); // Output: ["apple", 42, "banana", 7, "cherry", "date"]

1. Поиск индекса:
   Чтобы найти индекс определенного элемента в массиве, вы можете использовать метод indexOf:

console.log(mixedArray.indexOf("banana")); // Output: 2

1. Перебор элементов:
   Вы можете использовать метод forEachдля перебора каждого элемента массива:

mixedArray.forEach((element) => {
  console.log(element);
});

1. Фильтрация элементов:
   Чтобы фильтровать элементы по определенному условию, вы можете использовать метод filter:

const numbersOnly = mixedArray.filter((element) => typeof element === "number");
console.log(numbersOnly); // Output: [42, 7, 10]

1. Сопоставление элементов:
   Чтобы преобразовать каждый элемент массива, вы можете использовать метод map:

const uppercaseStrings = mixedArray.map((element) => {
  if (typeof element === "string") {
    return element.toUpperCase();
  }
  return element;
});
console.log(uppercaseStrings); // Output: ["APPLE", 42, "BANANA", 7, "CHERRY", "DATE"]

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