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

Итак, если вы готовы и действительно взволнованы, тогда. Просто попробуйте!
Я сделаю все возможное, чтобы преобразовать то, что я считаю новичком.
Я предполагаю, что у вас есть базовые знания в области программирования. Но я также пишу несколько основных шагов. Потому что это статья для начинающих. Но также хорошо для тех, кто хочет найти разницу.

Массив - это особый вид структуры данных объекта. Он сохраняет значения путем индексации. Вот myArray.
пример:

let myArray = [1, 2, 3];

Вы знаете, как получить доступ к значениям массива и изменить их, а также как их перебирать. Если вы не знаете, как перебирать массив. Тогда не волнуйтесь, я позабочусь об этом, объяснив способ итерации. В javaScript доступно множество циклов для перебора любого типа данных, подобного этому. Вот самый популярный цикл for. Но вы знаете, что вам нужно определить каждый шаг, чтобы выполнить работу.

Например:

for (let round = 0; round < myArray.length; myArray++); {
// some code
}

Вам нужно будет определить массив с такими шагами, как инициирование переменной, условие для оценки каждый раз и шаги, которые необходимо выполнить.
Кстати, вам не нужно выполнять все эти шаги. Вы можете просто использовать некоторые встроенные методы массива. Эти методы называются методами массивов. Итак, воспользуемся одним из встроенных методов массивов. Это называется методом forEach и методом карты. Вы видите, что есть два способа выполнить эту работу? Но почему два одинаковых. Если вы зададите этот вопрос, то ответ должен быть доступен. Потому что нет ничего без причины. Итак, я объясню причину, как вы хотите. Но начать с простых вещей - это хороший подход, который мы должны предпринять сейчас.
Работать со встроенными методами довольно просто. Методы позаботятся обо всем, что вы хотите сделать, без лишних хлопот. Доступно множество встроенных методов массивов, но я перечислю здесь некоторые из них, которые можно использовать и сопоставить. Существует метод forEach и map для итерации массива. Оба популярны благодаря массиву. Но как нам использовать методы массива? Не знаю. Это совсем не плохо. Вы можете просто вызвать или вызвать метод массива для массива. как в примере ниже:

let myArray = [1, 2, 3]; // Re-initialized it for better illustrate
myArray.forEach(); // Invoking or calling forEach method on myArray

Как видите, я вызвал или вызвал метод forEach для массива. Имейте в виду, что метод карты также похож на этот. Итак, я не приводил здесь пример для forEach. Вы знаете, что массив - это особый вид структуры данных объекта. Если вы хотите получить доступ к какому-либо свойству объекта, вы должны использовать точечную запись или запись с квадратными скобками. Итак, здесь мы используем точечную нотацию. Теперь свойства объекта доступны для использования в массиве. Вы можете просто вызвать любой метод, какой захотите. Итак, мы вызываем здесь метод forEach. Но пока этого недостаточно. Почему? Потому что forEach будет просто перебирать массив и ничего не делать с массивом или элементами массива. Если вы хотите что-то сделать с массивом, вам нужно определить, что делать дальше после того, как вы выберете элементы один за другим. forEach или map берет один за другим элемент и через него к вашим определенным шагам. Итак, как определить следующие шаги?
Вы должны передать функцию обратного вызова методу forEach или map. Как?
Мы добавим по одному ко всем пунктам. См. Пример ниже,

myArray.forEach( ); // We can define a callback function here        // between the brackets. myArray is defined earlier
forEach(item => item + 1); // Defined the steps between the brackets

Как определено, шаги, которые нужно выполнить после forEach, перебирают один за другим элемент массива. Он будет изменен, и по одному будет добавлен к каждому элементу myArray.
Если вы хотите, чтобы результат был напечатан, примените метод console.log (), чтобы увидеть его в консоли вашего браузера. Просто скопируйте и вставьте приведенный ниже код в свой console.log ().

1. let myArray = [1, 2, 3];
2. myArray.forEach(item => console.log(item + 1));

О, это печатается на консоли, верно? да, все это выводит измененные числа на консоль. Вы знаете, где вызывается функция обратного вызова? Функция обратного вызова вызывается методом forEach, а также элементы myArray передаются функции обратного вызова методом forEach. Это больше, чем просто функция обратного вызова. Итак, функция карты работает почти так же, как и forEach. Но между ними большая разница. Разница необходима для существования метода карты. Теперь добавьте вторую строку кода в переменную. Как вы думаете, в какой переменной будут храниться все изменения? Проверьте это, распечатав значение переменной. О, это ничего не делает. Итак, просто означает, что метод forEach ничего не возвращает. Он просто изменяет данные массива. Иногда нам нужно сохранить измененные данные массива. Но как? А вот и метод карты, который нужно использовать. Метод карты возвращает измененные данные, которые вы можете сохранить в переменной. Например:

let myArray = [1, 2, 3];
let modArray = myArray.map(item => item + 1); // The map method

Теперь, если вы распечатаете modArray, вы увидите новый массив в консоли.

modArray
(3) [2, 3, 4]

Итак, метод map работает аналогично методу forEach. Оба изменяют данные данного массива. Однако map возвращает новый массив, а forEach вообще ничего не возвращает. Примечание. Он изменяет данные массива, но это не означает, что mainArray изменен. Это ключевое различие между этими методами.
Вот и все, что делают эти методы, и разница.

Я надеюсь, что эта статья поможет вам понять ключевое различие между этими двумя методами массива. Я напишу для вас больше с более оптимизированными и лучшими способами. Не стесняйтесь оставлять свои отзывы, чтобы улучшить будущие статьи.
Спасибо, что были здесь.