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

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

const array = [1, 2, 3, 4, 5];
const index = 2;
const replacementElement = 10;
array.splice(index, 1, replacementElement);
console.log(array); // Output: [1, 2, 10, 4, 5]

Метод 2: непосредственное присвоение нового значения
Если вы знаете индекс элемента, который хотите заменить, вы можете просто присвоить этому индексу новое значение:

const array = [1, 2, 3, 4, 5];
const index = 3;
const replacementElement = 15;
array[index] = replacementElement;
console.log(array); // Output: [1, 2, 3, 15, 5]

Метод 3: использование метода map()
Метод map()— это удобный способ создания нового массива с измененными элементами. Чтобы заменить элемент по определенному индексу, вы можете объединить map()с параметром index:

const array = [1, 2, 3, 4, 5];
const index = 1;
const replacementElement = 20;
const newArray = array.map((element, currentIndex) =>
  currentIndex === index ? replacementElement : element
);
console.log(newArray); // Output: [1, 20, 3, 4, 5]

Метод 4: использование оператора распространения
Оператор распространения можно использовать для создания нового массива с замененным элементом. Этот метод довольно краток:

const array = [1, 2, 3, 4, 5];
const index = 4;
const replacementElement = 25;
const newArray = [...array.slice(0, index), replacementElement, ...array.slice(index + 1)];
console.log(newArray); // Output: [1, 2, 3, 4, 25]

Метод 5: использование метода Object.assign().
Хотя метод Object.assign()в основном используется для объектов, его также можно использовать для замены элемента в массиве:

const array = [1, 2, 3, 4, 5];
const index = 0;
const replacementElement = 30;
const newArray = Object.assign([], array, { [index]: replacementElement });
console.log(newArray); // Output: [30, 2, 3, 4, 5]

Метод 6: Использование метода forEach()
Метод forEach()позволяет перебирать каждый элемент массива. Отслеживая индекс, вы можете заменить нужный элемент:

const array = [1, 2, 3, 4, 5];
const index = 2;
const replacementElement = 35;
array.forEach((element, currentIndex) => {
  if (currentIndex === index) {
    array[currentIndex] = replacementElement;
  }
});
console.log(array); // Output: [1, 2, 35, 4, 5]

Метод 7: использование метода reduce()
Метод reduce()обычно используется для преобразования массива в одно значение. Однако его также можно использовать для замены элемента по его индексу:

const array = [1, 2, 3, 4, 5];
const index = 1;
const replacementElement = 40;
const newArray = array.reduce((acc, element, currentIndex) => {
  if (currentIndex === index) {
    acc.push(replacementElement);
  } else {
    acc.push(element);
  }
  return acc;
}, []);
console.log(newArray); // Output: [1, 40, 3, 4, 5]

Замена элемента в массиве — распространенная задача при разработке TypeScript. В этой статье мы рассмотрели семь различных методов достижения этой цели: использование splice(), непосредственное присвоение нового значения, использование map(), использование оператора распространения, использование Object.assign(), используя forEach()и используя reduce(). Поняв эти методы, вы получите знания и инструменты, необходимые для эффективного управления массивами в ваших проектах TypeScript.