Добрый день, технарь!
В этом блоге мы расскажем о некоторых важных и обязательных для понимания методах обработки массивов в javascript.
Содержание
1. Массив вообще
2. Почему именно методы?
3. forEach()
4. Map()
5. Filter()
6. Reduce()
Давайте начнем 🎉
1. Массив
Массив — это набор/список данных, хранящихся в одной переменной.
Syntax1: `const имя_массива = новый массив (элемент1, элемент2, элемент3…); `
yntax2: `const arrayName = [item1, item2, item3…]; `
Создание массива и доступ к нему:
// Js-код
const games = ["Футбол", "Крикет", "Змейка и лестницы", "Людо"];
//индексирование
console.log(games[1 ]); //Книги
//используем цикл for
for(let i=0;i‹games.length; i++){
console.log(i);
}
//Вывод:
Футбол
Крикет
Змейка и лестницы
Людо
2. Почему методы?
Методы — это предопределенные функции для эффективного доступа и изменения элементов массива. Доступно больше методов массива. Но мы видим только некоторых.
3. для каждого()
По сути, for и forEach() делают то же самое, то есть перебирают массив.
Единственное отличие состоит в том, что `forEach()` использует функцию обратного вызова, где `for` перебирает массив последовательно .
javascript code
const hobbie = ["Фотография", "Книги", "Музыка"];
hobbie.forEach((item)=›{
console.log(item);
});
Вывод:
Фотография
Книги
Музыка
Для vs forEach()
В конце дня оба выполняют аналогичную операцию. Это зависит только от ваших личных предпочтений.
4. Map()
Метод map() работает так же, как и forEach, но поскольку функция обратного вызова обращается к каждому элементу, она создает новый массив с предстоящим результат.
const nums = [1,2,3,4,5];
var result=nums.map((item)=›{
return item*2;
});
console.log(результат);
- Вывод:
[2,4,6,8,10]
5. Метод Filter()
filter() создает новый массив из заданного массива, который удовлетворяет заданному условию.
const nums = [1,2,3,4,5,6,7,8,9,10];
var result=nums.filter((item)=›{
return (item% 2==0); // возвращает четное число
});
console.log(result);
- Вывод:
[2,4,6 ,8,10]
6. Reduce()
Как следует из названия, метод reduce() уменьшает массив до одного значения в соответствии с функцией редуктора. Он принимает два обязательных параметра общее и текущее значение.
// сумма всех элементов
const nums = [1,2,3,4,5,6,7,8,9,10];
const sum = nums.reduce((total, curr) =›{ //параметры могут называться как угодно.
return (total + curr);
});
console.log(sum);
- Вывод:
55
Ладно ботаники! На этом пока все, надеюсь помогло. Спасибо за прочтение. Следите за обновлениями!! До встречи👋.