Что такое массив в JavaScript и как использовать методы

[evo]

Массив — это специальный тип данных в JavaScript, который позволяет хранить несколько значений в одной переменной. Представь его как упорядоченный список.

Пример:

let fruits = ['яблоко', 'банан', 'апельсин'];

Каждый элемент имеет индекс — порядковый номер, начинающийся с 0:

• fruits[0] → 'яблоко'
• fruits[1] → 'банан'
• fruits[2] → 'апельсин'

Теперь разберём ключевые методы для работы с массивами.

---

push() — добавить элемент в конец

fruits.push('груша');
// fruits = ['яблоко', 'банан', 'апельсин', 'груша']

---

pop() — удалить последний элемент

fruits.pop();
// удаляет 'груша', возвращает её
// fruits = ['яблоко', 'банан', 'апельсин']

---

unshift() — добавить элемент в начало

fruits.unshift('манго');
// fruits = ['манго', 'яблоко', 'банан', 'апельсин']

---

shift() — удалить первый элемент

fruits.shift();
// удаляет 'манго', возвращает её
// fruits = ['яблоко', 'банан', 'апельсин']

---

join() — превратить массив в строку

let text = fruits.join(', ');
// 'яблоко, банан, апельсин'

Можно указать любой разделитель: ' - ', '; ', '' и т.д.

---

sort() — отсортировать элементы по алфавиту (по умолчанию)

fruits.sort();
// ['апельсин', 'банан', 'яблоко'] — по алфавиту

️ Для чисел нужно передавать функцию сравнения:

let numbers = [10, 2, 5];
numbers.sort((a, b) => a - b);
// [2, 5, 10] — по возрастанию

---

concat() — объединить массивы

let more = ['груша', 'вишня'];
let allFruits = fruits.concat(more);
// ['яблоко', 'банан', 'апельсин', 'груша', 'вишня']

Метод не меняет исходные массивы, а возвращает новый.

---

🧠 Важно знать:

• push, pop, unshift, shift, sort — меняют исходный массив (мутируют).
• join, concat — не меняют, а возвращают новое значение.
• sort() по умолчанию работает как строки — будь осторожен с числами!

---

Пример: цепочка действий

let colors = ['зелёный', 'красный'];

colors.push('синий');        // ['зелёный', 'красный', 'синий']
colors.shift();              // ['красный', 'синий']
let result = colors.join(' | '); // 'красный | синий'

---

Метод	Что делает	Меняет массив?
push	добавляет в конец	да
pop	удаляет с конца	да
unshift	добавляет в начало	да
shift	удаляет с начала	да
join	в строку с разделителем	нет
sort	сортирует	да
concat	объединяет массивы	нет

---

Массивы — одна из самых полезных структур в JavaScript. Знание этих методов позволяет легко добавлять, удалять, сортировать и объединять данные.