Это сделает вашу жизнь проще!

Javascript имеет ряд встроенных функций работы с массивами, которые очень полезны. Конечно, есть стандартные функции pop(), shift(), unshift() и вся эта группа функций. Сегодня мы рассмотрим еще несколько функций и инструментов, о которых вы, возможно, никогда не слышали, и способы использования этих функций для достижения интересных целей.

Копирование массива

Это два разных способа копирования и клонирования массива.

Инициализация нескольких переменных одновременно

Это называется деструктурированием.

В первой строке мы не создаем массив. Вместо этого мы присваиваем каждой переменной значение. Это будет эквивалентно:

let a = 1;
let b = 2;
let c = 3;

Вторая строка в целом такая же. Разница в том, что мы предоставляем начальное значение/значение по умолчанию для переменных a, b и c, если им не присвоено значение. Во второй строке каждой переменной a, b и c присваивается значение. Приведенные значения заменят эти начальные значения.

Снова:

let a = 1;
let b = 2;
let c = 3;

Третья строка почти идентична второй строке; однако переменной b не будет присвоено значение. Поскольку третья строка содержит значения по умолчанию/начальные значения, она будет выглядеть так:

let a = 1;
let b = 0;
let c = 3;

Наконец, у нас есть строка 4. Строка 4 присваивает значения только двум переменным — a и c. И эти значения будут определяться позиционированием в массиве. Обратите внимание, что переменная a имеет индекс 0, а переменная c — индекс 2. Это будет эквивалентно следующему:

let a = 1;
let c = 3;

Сгладить массив

Иногда вы можете встретить многомерные массивы:

let array = [1,2,3,[4,5,6],[7,[8,9,[10,11]],12,13]];

И доступ к каждому элементу может стать сложной задачей. Мы можем сгладить этот массив, чтобы сформировать одномерный массив.

let array = [1,2,3,4,5,6,7,8,9,10,11,12,13];

Плоская функция выравнивает массив, превращая его в одномерный массив, и сохраняет этот сглаженный массив в новой переменной. Плоская функция не будет обновлять существующий массив.

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

Обычно, когда мы хотим получить доступ к элементам массива, мы читаем массивы слева направо. Если нам нужен первый элемент, найдите элемент с индексом 0. Второй элемент? Индекс 1. Третий элемент? Индекс 2. Вы поняли.

Что, если нам нужен последний элемент? или предпоследний элемент? Должны ли мы считать все элементы только для того, чтобы найти индекс элемента, который нам нужен?

На других языках мы бы просто сделали:

array[array.length - n];

Мы найдем длину массива и вычтем n, чтобы найти элемент от n до последнего. В Javascript мы также можем это сделать. Или мы можем использовать функцию Array At.

Используя отрицательные числа, мы можем брать элементы справа налево. Например, array.at(-1) возьмет самый последний элемент.

array.at(-2) возьмет предпоследний элемент массива. И так далее.

Вы также можете использовать функцию array.at для получения элемента с индексом n. Например, в последней строке выше array[1] эквивалентно array.at(1).

Очистить массив

Любой из них может использоваться для очистки массива.

Поменять местами значения переменных

Это простой способ поменять местами значения в одной строке кода.

Вы также можете сделать это, но это требует немного больше усилий.

Объединение массивов

Это показывает два способа объединения двух или более массивов.

В первом методе мы используем оставшийся параметр. Параметр rest, например, преобразует массивы из [1,2,3,4,5] в 1,2,3,4,5. Без остаточного параметра arrayAB выглядел бы как [[1,2,3,4],[5,6,7]], что нам не нужно. Используя этот метод, мы можем объединить столько массивов, сколько захотим.

Во втором методе мы используем функцию concat. Функция concat имеет формат:

firstArray.concat(secondArray);

По сути, мы добавляем второй массив к первому — именно в таком порядке. Но что, если мы хотим объединить несколько массивов? На это указывает четвертая строка. Он использует параметр rest для преобразования всех массивов в один массив.