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

1. push():
   Метод push() добавляет один или несколько элементов в конец массива и возвращает новую длину массива. Например:

   const fruits: string[] = ["apple", "banana"];
   fruits.push("orange");
   console.log(fruits); // Output: ["apple", "banana", "orange"]

2. pop():
   Метод pop() удаляет последний элемент из массива и возвращает этот элемент. Он изменяет исходный массив. Например:

   const fruits: string[] = ["apple", "banana", "orange"];
   const removedFruit = fruits.pop();
   console.log(fruits); // Output: ["apple", "banana"]
   console.log(removedFruit); // Output: "orange"

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

   const numbers: number[] = [1, 2, 3, 4, 5];
   numbers.splice(2, 1); // Remove one element at index 2
   console.log(numbers); // Output: [1, 2, 4, 5]
   numbers.splice(1, 0, 6, 7); // Add elements at index 1
   console.log(numbers); // Output: [1, 6, 7, 2, 4, 5]

4. slice():
   Метод слайс() возвращает неглубокую копию части массива в новый объект массива. В качестве аргументов он принимает начальный и конечный индексы (конечный индекс является исключительным). Например:

   const numbers: number[] = [1, 2, 3, 4, 5];
   const slicedNumbers = numbers.slice(1, 4);
   console.log(slicedNumbers); // Output: [2, 3, 4]

5. forEach():
   Метод forEach() выполняет предоставленную функцию один раз для каждого элемента массива. Это полезно для выполнения действия над каждым элементом массива. Например:

   const numbers: number[] = [1, 2, 3, 4, 5];
   numbers.forEach((num) => {
   console.log(num * 2); // Output: 2, 4, 6, 8, 10
   });

6. map():
   Метод map() создает новый массив, заполняемый результатами вызова предоставленной функции для каждого элемента исходного массива. Он возвращает новый массив без изменения исходного. Например:

   const numbers: number[] = [1, 2, 3, 4, 5];
   const doubledNumbers = numbers.map((num) => num * 2);
   console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]

7. filter():
   Метод filter() создает новый массив со всеми элементами, прошедшими заданный тест. Он возвращает новый массив без изменения исходного. Например:

   const numbers: number[] = [1, 2, 3, 4, 5];
   const evenNumbers = numbers.filter((num) => num % 2 === 0);
   console.log(evenNumbers); // Output: [2, 4]

8. reduce():
   Метод сокращение() применяет функцию к аккумулятору и каждому элементу массива (слева направо), чтобы уменьшить его до одного значения. Это полезно для выполнения вычислений над элементами массива. Например:

   const numbers: number[] = [1, 2, 3, 4, 5];
   const sum = numbers.reduce((accumulator, num) => accumulator + num, 0);
   console.log(sum); // Output: 15

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