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];

 

Нужно понимать, что при применении методов shift и unshift у каждого элемента массива изменяется его индекс. Это может замедлять выполнение программы если массив имеет большую длину.

split

  Метод split() применяется для трансформации строки в массив. Split разделяет строку (string) по указаному параметру.

let str = 'Аня, Маша, Саша, Даша';  // это строка
let arr = str.split(', ');

console.log(arr);  // → ['Аня', 'Маша', 'Саша', 'Даша'] - это массив

join

  Метод join() объединяет элементы массива в строку, через указанный в параметре разделитель.

let arr = ['Notpad++', 'Sublime', 'VSCode'];  // это массив
let str = arr.join(', ');

console.log('Редакторы для кода: ' + str);  // → 'Редакторы для кода: Notpad++, Sublime, VSCode'

slice

  Метод slice() создаёт новый массив, в который копирует элементы из источника начиная с элемента c индексом первого параметра переданного в метод, до элемента с индексом второго параметра.

  Например: slice(3, 7) вернёт элементы с индексами 3, 4, 5, 6. Элемент с индексом 7 не войдёт в массив.

Если в slice() передан параметр с отрицательным значением, то он возвращает новый массив с количеством элементов указанных в параметре, но уже взятых с конца исходного массива.

  Метод slice не изменяет исходный массив.

  Вот несколько примеров работы метода slice():

let arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];

// Вернёт массив в котором будут элементы с индексами от 2 до 5
console.log(arr.slice(2, 5));  // → ['C', 'D', 'E']

// Вернёт новый массив в котором будут элементы с индексами от 3 до arr.length
console.log(arr.slice(3));  // → ['D', 'E', 'F', 'G']

// Вернёт копию исходного массива
console.log(arr.slice());  // → ['A', 'B', 'C', 'D', 'E', 'F', 'G']

// Вернёт новый массив состоящий из последних трёх элементов исходного
console.log(arr.slice(-3));  // → ['E', 'F', 'G']

splice

  Метод splice() изменяет содержимое массива, удаляя существующие элементы и/или добавляя новые.

Синтаксис:

array.splice(start, deleteCount[, item1[, item2[, ...]]])

Параметры:

  • start - Индекс, по которому начинать изменять массив. Если больше длины массива, реальный индекс будет установлен на длину массива. Если отрицателен, указывает индекс элемента с конца.
  • deleteCount - Целое число, показывающее количество старых удаляемых из массива элементов. Если deleteCount равен 0, элементы не удаляются. В этом случае вы должны указать как минимум один новый элемент. Если deleteCount больше количества элементов, оставшихся в массиве, начиная с индекса start, то будут удалены все элементы до конца массива.
  • itemN - Необязательные параметры. Добавляемые к массиву элементы. Если вы не укажете никакого элемента, splice() просто удалит элементы из массива.

Возвращаемое значение

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

Описание

Если количество указанных вставляемых элементов будет отличным от количества удаляемых элементов, массив изменит длину после вызова.

let arr = ['Барса', 'Шахтёр', 'МЮ', 'Милан', 'Реал', 'Аякс', 'Ювентус'];

let nax = arr.splice(2, 3);
arr.splice(2, 3);

console.log(nax);  // → ["МЮ", "Милан", "Реал"]
console.log(arr);  // → ["Барса", "Шахтёр"]

arr.splice(1, 0, 'Зенит', 'ЦСКА', 'Спартак');
console.log(arr);  // → ["Барса", "Зенит", "ЦСКА", "Спартак", "Шахтёр"]


reverse

  Метод reverse() меняет порядок элементов массива на обратный. В результате первый элемент массива становится последним, а последний элемент — первым.

let arr = [1, 2, 3, 4, 5];

console.log(arr.reverce());  // → [5, 4, 3, 2, 1]
console.log(['Алиса', 'БГ', 'ГО', 'ДДТ'].reverce());  // → ['ДДТ', 'ГО', 'БГ', 'Алиса']

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]

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

Авторизация

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