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

Метод 1. Использование метода splice()
Метод splice()позволяет добавлять элементы в массив по определенному индексу, при необходимости удаляя существующие элементы. Вот пример:

const myArray = [1, 2, 3, 4, 5];
const index = 2; // Index where the new element should be added
const newItem = 10;
myArray.splice(index, 0, newItem);
console.log(myArray); // Output: [1, 2, 10, 3, 4, 5]

В этом примере мы используем splice()с параметром index, установленным на 2, чтобы вставить newItem(10 ) в myArrayпо индексу 2.

Метод 2: использование оператора расширения (...) и объединения массивов.
Другой способ добавить новый индекс в массив — использование оператора расширения и объединения массивов. Вот как это можно сделать:

const myArray = [1, 2, 3, 4, 5];
const index = 2; // Index where the new element should be added
const newItem = 10;
const newArray = [...myArray.slice(0, index), newItem, ...myArray.slice(index)];
console.log(newArray); // Output: [1, 2, 10, 3, 4, 5]

В этом примере мы используем оператор расширения для создания нового массива путем объединения трех частей: элементов до index, newItemи элементов после index.

Метод 3. Использование методов push()и unshift().
Методы push()и unshift()также могут используются для добавления новых элементов в массив, но они добавляют их в конец и начало соответственно. Однако вы можете комбинировать эти методы с другими манипуляциями с массивами, чтобы добиться сложения на основе индекса. Вот пример:

const myArray = [1, 2, 3, 4, 5];
const index = 2; // Index where the new element should be added
const newItem = 10;
myArray.push(0); // Add a temporary element at the end
myArray.unshift(0); // Add a temporary element at the beginning
for (let i = myArray.length - 1; i > index; i--) {
  myArray[i] = myArray[i - 1];
}
myArray[index] = newItem;
myArray.pop(); // Remove the temporary element from the end
myArray.shift(); // Remove the temporary element from the beginning
console.log(myArray); // Output: [1, 2, 10, 3, 4, 5]

В этом примере мы добавляем временные элементы в конце и начале, используя push()и unshift()соответственно, а существующие элементы смещаем вправо от indexи, наконец, назначьте newItemindex. Наконец, мы удаляем временные элементы, используя pop()и shift().

В этой статье мы рассмотрели три различных метода добавления новых индексов в массив в TypeScript. Метод splice()обеспечивает простой способ вставки элементов по определенному индексу, а оператор расширения и объединение массивов предлагают более краткий подход. Кроме того, методы push()и unshift()в сочетании с манипуляциями с массивами также позволяют выполнять сложение на основе индекса. Освоив эти методы, вы получите универсальный набор инструментов для работы с массивами в TypeScript.

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