Мы все знаем, насколько важны массивы в javascript. Как АД ЛОТТ!!

Позвольте мне уточнить. Существует несколько способов перебора массива. Сила ваших представлений в теме повлияет на вашу продуктивность.

Выучить эти функции просто. Как? соотнося это с реальными примерами. В этой статье я опишу эти функции на реальных примерах, чтобы помочь вам лучше понять их.

  1. Map() — это одна из самых важных и часто используемых функций в javascript.

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

Значения, которые вы выбираете, взяты из исходного массива, поэтому вы можете изменить их или сделать все, что захотите, при создании нового массива. Возьмем пример-

const people = [
{name: `cookie`, age: 20, position: `developer`, id: 1, salary: 500 },
{ name: `pizza`, age: 19, position: `writer`, id: 2, salary: 400 },
{ name: `burger`, age: 22, position: `chef`, id: 3, salary: 700 }
];

сейчас,

const newarray = people.map(function (people){
console.log(people);
return `hello world`;
})
console.log(newarray);

Почему мы вернули привет, мир? Чтобы вы знали, hello world будет напечатано столько раз, сколько элементов в массиве.

Вы также можете изменить новый массив, если хотите

const newarray = people.map(function (people){
console.log(people);
return people.age + 20;
})
console.log(newarray);

Выход будет:

2. Фильтр(). Вы, скорее всего, замечали параметры фильтрации на нескольких сайтах электронной коммерции. где вы можете сортировать товары на основе ваших предпочтений Функция фильтра действует таким же образом. Помните это! Вы можете изменить размер массива в методе filter(). Рассмотрим следующий пример:

const people = [
{name: `cookie`, age: 20, position: `developer`, id: 1, salary: 500 },
{ name: `pizza`, age: 19, position: `writer`, id: 2, salary: 400 },
{ name: `burger`, age: 22, position: `chef`, id: 3, salary: 700 }
];

Чтобы использовать фильтр()

const youngpeople = people.filter(function(people){
return people.age<=21
})
console.log(youngpeople);

Выход-

Вот как мы используем функцию фильтра. Вы также можете увидеть, что размер нового массива изменился. Он отфильтровал массив в соответствии с нашим условием и вернул его. ЭТО КРУТО!!

3.Find() — как следует из названия, если вы хотите найти элемент в массиве, вы можете использовать эту функцию. Но имейте в виду, что каждый элемент массива должен иметь что-то уникальное. Рассмотрим следующий пример:

const people = [
{ name: `cookie`, age: 20, position: `developer`, id: 1 },
{ name: `pizza`, age: 19, position: `writer`, id: 2 },
{ name: `burger`, age: 22, position: `chef`, id: 3 },
];

Итак, здесь идентификатор уникален для каждого элемента

const find_people = people.find(function(people){
return people.id === 2
})
console.log(find_people);

Как и ожидалось, на выходе будет идентификатор с 2-

Это 3 метода поиска итерации по массиву. Функция ForEach() была рассмотрена в предыдущей статье. Вы тоже можете это проверить.

Я поставлю ссылку на видео ниже для получения дополнительной помощи

Карта 6:17:00

Фильтр 6:27:43

Найдите 6:31:38