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() использует функцию сравнения для определения порядка элементов:

1. Если функция сравнения возвращает отрицательное значение, первый элемент помещается перед вторым элементом.
2. Если функция сравнения возвращает положительное значение, то первый элемент помещается после второго элемента.
3. Если функция сравнения возвращает 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() для массива и передавая функцию, которая вычитает второе число из первого числа.