Работа с массивами в JavaScript

Массив – это особый тип объекта, предназначенный для работы с упорядоченным набором элементов. Каждый элемент массива – это какая-либо переменная. В отличие от обычных переменных, которые могут содержать только одно значение, массив может содержать набор элементов, таких как числа, строки, объекты и даже другие массивы. Элементы массива индексируются, начиная с 0.

Пример создания массива:

let fruits = ["Яблоко", "Банан", "Груша"];

Основные операции с массивами:

Добавление элементов:
Добавить элемент в конец массива можно с помощью метода push(), а в начало — с помощью unshift().

fruits.push("Апельсин"); // Добавляет элемент в конец
fruits.unshift("Манго"); // Добавляет элемент в начало

Удаление элементов:

Чтобы удалить элемент из конца массива, используется метод pop(), а для удаления из начала — shift().

fruits.pop();    // Удаляет последний элемент
fruits.shift();  // Удаляет первый элемент

Доступ к элементам массива:

Элементы массива можно получать по их индексу:

console.log(fruits[0]); // Выведет "Яблоко"

Перебор массива:

Чтобы пройти по всем элементам массива, можно использовать цикл for, forEach() или другие методы для перебора.

fruits.forEach(function(item, index) {
    console.log(index, item);
});

Методы для работы с массивами

В JavaScript есть множество встроенных методов для работы с массивами, например:

map() — создает новый массив, преобразуя каждый элемент исходного.

Пример использования метода map():

let numbers = [1, 2, 3, 4];
let doubled = numbers.map(num => num * 2); // Вернет [2, 4, 6, 8]

filter() — возвращает новый массив, состоящий только из элементов, которые прошли проверку.

Пример использования метода filter() для отбора чётных чисел из массива:

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let evenNumbers = numbers.filter(function(number) {
    return number % 2 === 0;
});

console.log(evenNumbers); // [2, 4, 6, 8, 10]

reduce() — выполняет вычисления на основе всех элементов массива, возвращая одно значение.

Пример использования метода reduce() для подсчёта количества повторяющихся элементов в массиве:

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

let fruitCount = fruits.reduce(function(counts, fruit) {
    counts[fruit] = (counts[fruit] || 0) + 1;
    return counts;
}, {});

console.log(fruitCount); 

Важные особенности массивов в JavaScript

• Массивы динамически изменяют свой размер, то есть вы можете добавлять или удалять элементы в любой момент.
• Элементы массива могут быть разного типа, например, числа, строки или даже другие массивы.
• Хотя массивы в JavaScript являются объектами, они имеют специальные свойства и методы, которые делают работу с ними более удобной.