Привет! Поговорим о методах массивов в Javascript. Часть 1
Вводные материалы:
🔗Что такое массив? - читать
🔗Что такое метод? - читать
✍️Список методов (названия методов - ссылки на страницы MDN):
1) forEach() - применяет переданную функцию-callback ко всем элементам массива по очереди, но ничего не возвращает
2) map() - также применяет
callback, но возвращает новый массив
3) filter() - применяет к каждому элементу переданную функцию проверки условия и возвращает новый массив элементов, для которых условие было верно
4) reduce() - применяет переданную функцию к каждому элементу и сохраняет результат, который можно накапливать, возвращает значение
callback для последнего обработанного элемента
5) sort() - сортирует массив, не создает копию массива. С помощью необязательных аргументов можно задать правила сортировки
6) reverse() - переворачивает массив, так что первый элемент становится последним и наоборот. Не возвращает новый массив
7) slice() - возвращает новый массив, содержащий элементы старого. Без дополнительных параметров создает копию массива. С помощью необязательных аргументов можно скопировать часть массива
8) indexOf() - выполняет поиск значения в массиве и возвращает индекс первого найденного элемента с таким значением. Возвращает индекс, либо -1, если элемент не найден
9) findIndex() - аналогичен indexOf(), но позволяет передать callback для проверки условия, которому должен соответствовать элемент
10) find() - аналогичен findIndex(), но возвращает элемент, который удовлетворяет условию, а не индекс
11) splice() - удаляет элементы массива(по индексам), может также добавить новые(с заданными значениями). Не возвращает новый массив, проводит операции на месте
12) concat() - объединяет переданные массивы, возвращает новый, объединенный
13) includes() - проверяет, есть ли в массиве определенный элемент и возвращает true либо false. Можно также указать, с какого элемента начинать поиск
14) every() - проверяет, удовлетворяют ли все элементы условию, возвращает true, либо false, для пустого массива всегда возвращает true
15) splite() - разбивает строку на символы, возвращает массив
16) join() - объединяет элементы массива в строку и возвращает строку
17) push() - добавляет элементы в конец массива и возвращает его новую длину. Проводит операции на месте, новый массив не создает
18) pop() - удаляет последний элемент и возвращает удаленное значение
19) shift() - аналогичен pop(), но удаляет первое значение и возвращает его же.
20) unshift() - аналогичен push(), но добавляет элементы в начало массива и возвращает его новую длину
21) fill() - заполняет массив заданным значением, можно задавать индексы начала и конца заполнения
⚠️Почему методы нельзя использовать для коллекции элементов? Например:
const items = document.querySelectorAll('.item');
items.forEach((item) => console.log(item)); - такой код выдаст ошибку
Потому, что коллекция имеет ряд свойств массива(например итерируется по индексу), но массивом не является.
Коллекцию можно преобразовать в массив используя метод from глобального объекта Array:
const itemsArray = Array.from(items);
Еще больше методов, все о методах:
🔗Список методов MDN(в меню слева)
🔗ESMAScript Language Specification
#javascript #массивы_js