В Typescript массивы — это фундаментальная структура данных, которая позволяет хранить коллекции элементов и манипулировать ими. Добавление элементов в массив — распространенная операция, с которой вы часто будете сталкиваться в процессе программирования. В этой статье мы рассмотрим несколько методов добавления элементов в массив Typescript, попутно предоставляя вам практические примеры кода и пояснения.

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

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

Метод 2: использование метода concat()
Метод concat() создает новый массив путем объединения существующих массивов и любых дополнительных элементов, предоставленных в качестве аргументов. Он не изменяет исходный массив.

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

Метод 3. Использование оператора распространения
Оператор распространения (…) позволяет расширять массив и добавлять элементы из другого массива или отдельные элементы.

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

Метод 4. Использование метода unshift()
Метод unshift() добавляет один или несколько элементов в начало массива и возвращает новую длину массива. Он изменяет исходный массив.

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

Метод 5: Использование метода splice()
Метод splice() позволяет добавлять элементы в определенную позицию индекса в массиве. Его также можно использовать для удаления элементов из массива. Он изменяет исходный массив.

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

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