Inter-Net.PRO

javascript  В JavaScript так же как и в других языках программирования для работы с массивами применяются разные методы.

  Методы упрощают построение логики и её реализации в скрипте.

  Ниже приведены базовые методы для работы с массивами в JS.

 


Push

Метод push добавляет значение в конец массива.

let arr = [1, 2, 3, 4, 5];
arr.push(312);

console.log(arr); // [1, 2, 3, 4, 5, 312]

Pop

Метод pop удаляет последнее значение из массива.

let arr = [1, 2, 3, 4, 5];
arr.pop();

console.log(arr); // [1, 2, 3, 4]

Unshift

  Метод unshift добавляет элемент в начало массива.

let arr = [1, 2, 3, 4, 5];
arr.unshift(312);

console.log(arr); // [312, 1, 2, 3, 4, 5]

Shift

  Метод shift удаляет первый элемент из массива.

let arr = [1, 2, 3, 4, 5];
arr.shift();

console.log(arr); // [2, 3, 4, 5]

Map

  Метод map проходит по элементам массива производя с ними заданные действия и возвращает копию массива с изменёнными элементами.

  В примере ниже к каждому элементу массива прибавим значение индекса этого элемента (7 + 0, 2 + 1, 15 + 2, 4 + 3, 31 + 4):

let arr = [7, 2, 15, 4, 31];
let testMap = arr.map((element, index) => element + index);

console.log(testMap); // [7, 3, 17, 7, 35]

или каждое значение массива умножим к примеру на 12

let arr = [7, 2, 15, 4, 31];
let testMap = arr.map(a => a * 12);

console.log(testMap); // [84, 24, 180, 48, 372]

Filter

  Метод filter используется для фильтрации массивов. Он проходит по массиву, возвращая только те элементы, которые проходят заданное условие.

  Например отфильтруем значения массива из чисел оставив только те, которые больше 21

let arr = [17, 44, -3, 297, 5, 21, -73, 555];
let testFilter = arr.filter(element => element > 21);

console.log(testFilter); // [44, 297, 555]

   Обратите внимание, что 21 не вошло в результат массива, так как условие было вернуть то что больше 21. Чтобы и 21 вошло в массив, то условие ставим как больше или равно: element >= 21


Reduce

  Метод reduce последовательно идёт по элементам массива, аккумулируя при этом промежуточный результат согласно заданного в условии действия функции. В конечном результате он возвращает всего одно значение.

  Часто этот метод применяют для того, чтобы найти сумму всех чисел в массиве. Пример:

let arr = [3, 44, 297, 5, 21];
let summa = arr.reduce((acc, element) => acc + element);

console.log(summa); // 370

Sort

  Метод sort применяется для сортировки элементов массива согласно заданным параметрам.

  Пример - возьмём массив чисел о отсортируем их по порядку возврастания:

let arr = [5, 4, 10, 2, 32, 4, 10];
let testSortArr = arr.sort((a, b) => a - b);

console.log(testSortArr); // [2, 4, 4, 5, 10, 10, 32]

 Видео-урок по работе с методами массивов

Авторизация

Войти через соцсети: