Toni_Dev 
04.05.2023 
0 
375 Массивы — это одна из важнейших концепций в JavaScript. Эти структуры данных используются для хранения и управления упорядоченными наборами значений. В этой статье мы рассмотрим, что такое массивы в JavaScript и как вы можете использовать их в своих программах.
Создание массива
Для создания массива в JavaScript используется квадратные скобки []. Внутри этих скобок указываются элементы массива через запятую. Например:
let myArray = [1, 2, 3, 4, 5];В этом примере мы создаем массив с пятью элементами: 1, 2, 3, 4 и 5. Мы сохраняем этот массив в переменной myArray.
Массивы могут быть многомерными, то есть содержать вложенные массивы. Например:
let myMultiArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];В этом примере мы создаем двумерный массив, содержащий три массива с тремя элементами в каждом.
Помимо создания массива с помощью квадратных скобок, в JavaScript существует и другой способ объявления массива — с помощью конструктора Array().
В этом случае мы указываем длину массива в скобках и затем заполняем его элементы при необходимости. Например:
let myArray = new Array(3); // Создаем массив длиной 3 элемента
myArray[0] = 'первый элемент';
myArray[1] = 'второй элемент';
myArray[2] = 'третий элемент';В этом примере мы создаем массив myArray длиной в 3 элемента, а затем присваиваем значения каждому элементу.
Доступ к элементам массива
С помощью индексов
Доступ к элементам массива по индексу — это одна из базовых операций при работе с массивами в JavaScript. Индекс — это числовой ключ, который соответствует позиции элемента в массиве. Индексы в JavaScript начинаются с 0, то есть первый элемент массива имеет индекс 0, второй — 1 и т.д.
Для доступа к элементу массива по индексу необходимо использовать квадратные скобки. Внутри скобок указывается индекс элемента, который нужно получить.
let fruits = ['яблоко', 'банан', 'апельсин'];
let firstFruit = fruits[0]; // получаем первый элемент массива яблоко
let secondFruit = fruits[1]; // получаем второй элемент массива бананИндексы могут быть любыми целыми числами, включая отрицательные. Если индекс отрицательный, он будет отсчитываться с конца массива.
let fruits = ['яблоко', 'банан', 'апельсин'];
let lastFruit = fruits[-1]; // получаем последний элемент массива апельсин
Если индекс элемента выходит за пределы массива, будет возвращено значение undefined.
Метод forEach
Цикл forEach — это мощный инструмент, который позволяет вам выполнять итерации по каждому элементу массива и выполнять действие над каждым из них.
Вот пример того, как использовать цикл forEach для доступа к элементам массива:
const myArray = [1, 2, 3, 4, 5];
myArray.forEach(function(element) {
console.log(element);
});В этом примере мы начнем с создания массива с именем myArray, состоящего из пяти элементов. Затем мы вызываем метод forEach() для массива и передаем ему функцию, которая принимает один параметр с именем element. Эта функция вызывается для каждого элемента в массиве, причем параметр element представляет текущий обрабатываемый элемент.
Внутри функции мы просто записываем значение параметра element в консоль. Когда мы запустим этот код, мы увидим следующий вывод:
1
2
3
4
5Работа с содержимым массива
Массивы изменяемы, что означает, что вы можете добавлять, удалять и изменять элементы в массиве после его создания. Такая гибкость является одной из сильных сторон массивов и позволяет использовать их для самых разнообразных задач.
Добавление элементов в массив
Чтобы добавить элементы в массив, вы можете использовать метод push, который добавляет один или несколько элементов в конец массива:
let fruits = ['apple', 'banana', 'cherry'];
fruits.push('orange');Теперь массив fruits будет содержать следующие значения:
['apple', 'banana', 'cherry', 'orange']Также бывают случаи, когда нужно добавить элемент в определенное место в массиве. Тут на помощь приходит метод splice.
splice — этот метод может добавлять или удалять элементы из массива. Чтобы добавить элемент с помощью splice(), вам нужно указать индекс, по которому будет добавлен новый элемент, количество элементов для удаления (которое в данном случае равно 0) и новый элемент. Например:
let fruits = ['apple', 'banana', 'cherry'];
fruits.splice(1, 0, 'orange');Теперь массив fruits будет содержать следующие значения:
['apple', 'orange', 'banana', 'cherry']Удаление элементов из массива
Метод pop() — этот метод удаляет последний элемент из массива и возвращает его. Например:
let fruits = ['apple', 'banana', 'cherry'];
let lastFruit = fruits.pop();Теперь массив fruits будет содержать следующие значения:
['apple', 'banana']И значением последнего фрукта будет «вишня».
Также можно использовать уже знакомый нам метод splice.
Чтобы удалить элемент с помощью splice, вам необходимо указать индекс, с которого начинать удаление элементов, количество элементов для удаления. Например:
let fruits = ['apple', 'banana', 'cherry'];
fruits.splice(1, 1);Теперь массив fruits будет содержать следующие значения:
['apple', 'cherry']Изменение элементов в массиве
Вы можете изменять элементы массива после того, как они были созданы. Существует несколько способов обновления элементов массива в JavaScript.
Самый простой способ обновить элемент массива — это использовать обозначения в квадратных скобках и присвоить новое значение определенному индексу в массиве. Например:
const colors = ['red', 'green', 'blue'];
colors[1] = 'yellow';
console.log(colors); // Output: ['red', 'yellow', 'blue']Этот код обновляет элемент с индексом 1 массива colors с «green» на «yellow».
Вы также можете изменить несколько элементов в массиве одновременно, используя метод splice(). Метод splice() можно использовать для удаления или замены элементов в массиве, и он возвращает удаленные элементы в виде нового массива.
Чтобы заменить элементы, вы можете указать начальный индекс и количество элементов для удаления, за которыми следуют новые элементы для вставки. Например:
const fruits = ['apple', 'banana', 'cherry', 'orange'];
fruits.splice(1, 2, 'kiwi', 'mango');
console.log(fruits); // Output: ['apple', 'kiwi', 'mango', 'orange']Этот код заменяет элементы с индексом 1 и 2 массива fruits (‘banana’ и ‘cherry’) новыми элементами ‘kiwi’ и ‘mango’.
Другой способ изменить элементы массива — использовать цикл для перебора элементов и изменения их один за другим.
Например:
const numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
numbers[i] = numbers[i] * 2;
}
console.log(numbers); // Output: [2, 4, 6, 8, 10]Этот код использует цикл for для перебора элементов массива numbers и умножения каждого элемента на 2.
Сортировка массивов
Сортировка массива включает в себя расположение его элементов в определенном порядке, например по возрастанию или по убыванию. В JavaScript существует несколько встроенных методов, которые можно использовать для сортировки массива.
Метод sort
Наиболее часто используемым методом является метод sort(), который сортирует элементы массива и возвращает отсортированный массив.
Основная идея, лежащая в основе работы функции sort(), заключается в том, что она сравнивает два элемента массива одновременно и меняет их местами, если они расположены в неправильном порядке. Этот процесс повторяется несколько раз, пока не будет отсортирован весь массив.
Метод sort() использует функцию сравнения для определения порядка элементов:
- Если функция сравнения возвращает отрицательное значение, первый элемент помещается перед вторым элементом.
- Если функция сравнения возвращает положительное значение, то первый элемент помещается после второго элемента.
- Если функция сравнения возвращает 0, порядок элементов остается неизменным.
Вот пример использования метода sort() для сортировки массива чисел в порядке возрастания:
const numbers = [3, 1, 4, 2, 5];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers); // Output: [1, 2, 3, 4, 5]Этот код сортирует массив чисел в порядке возрастания, вызывая метод sort() для массива и передавая функцию, которая вычитает второе число из первого числа.
