Las Bondades del Método .map () en javascript

No Es Es Hecho Negivable Que javascript En ActioniDad es uno de los lenguajes de programación más de los lenguajes de programación uno de los loguajes de programación uno de de los lenguajes utilizados en la stres absedos ToDo Su Adaptabilidad Para La Resolución де проблематиз. JavaScript Fue Escrito en una semana por Брендан Эйч EN 1996, Ante La Necesidad de Tener un Lenguaje Интерпретация En el Navegador Y Desde El No Ha Parado de Evolucionar Incorporporpordo Desde Paradigmas de Programación de Otros Lenguajes популярны, Hasta Ser Usado En el Backend de luceos Proyectos.

карта () en javascript

El Lenguaje Prosee Al Desarrollador Una Serie de Métodos Nativos Que Facilitan Enormentiona La Redacción de Código Las Líneas de Código de uneedir las líneas de Código de un ProyeCto.

Uno de estos métodos es El famoso карта () Que Mouseas Personas Shenan Pertenece A a La última Esceptififación Angable Del Lenguaje ( ES6 ) Перо де Хэко este y varios rotros métodos vienen desde mucho antes, en brueto карта () Pertenece A La Escesificación ES5 Publicada EN 2009, ¡Hace Más de Una década!

Ahora Bien, que les parece si echamos un vistazo a lo que dice la documentación acerca acerca del método карта () :

Эль Методо карта () CREA NUEVO ARRAY CON LOS RESHICADOS DE LA LLALADA A LA FUNCION INDICADA ALPADOS CADA UNO DE SUS ELEVELOS. – MDN ( Mozilla Developer Network )

Bastante Compency, ¿Нет Es Verdad?

La W3C определяет карта () Де ла Siguiente Manera:

Эль Методо карта () CREA NUEVO Array Con Los Reffuldados de llamar A UNA Función Para Cada Elemento Del Array. EL MÉTODO LLAMA A LA FUNCIONON PROPORCIONADA UNA VEZ PARA CADA ELEALION DEL ARRAY, EN ORDEN – W3C ( World Wide Web Consortium )

Los Conceptos Técnicos для Siempre Están Disponibles, Перо Нет Сына де Мата Утилидад, ES Mejor SocomentArlos Con Ejemplos Prácticos (SE Artrende Programagear, Programando).

Imaginemos que TeneMoS ООН Array Unitimencial de números primos y se desea obtener el cubo de cada elemento, ¿Cómo Lo Resolverías?

Solución 1: SE Podria Usar Una Estructura iterativa Convencional (Como Un Bucle для o в то время как PARA Recorter CADA POSICION DEL ARREGLO Y MODICAR SU VALOR EN CADA ITERACION.)

POR EJEMPLO, UNA Busible Solución Usando Un Ciclo для Сериа:

Донс: 🔹 Crowsos Una Función Que recibirá un arregro de números Primos Como Parámetro. 🔹 Деклаамос ООН Array Vació Donde Se Final Final. 🔹 Recorremos CADA POSICION DEL ARREGLO Y EN CADA ITERACION EVELAMOS ELTE Аль Кубо Усандо Эль Объето Математика . 🔹 РЕТОРОНАМОС EL NUEVO ARRAY. 🔹 Llamamos a la función

ES Bosible Resolver El Mismo Проблема Усандо ООН Bucle в то время как Усандо Л. А. Мимас Логика Como Se Ve Continuación:

Solución 2: Podriamos USAR ООН foreach () :

Донс: 🔹 Примосалькубо ES Array Vació Donde Se Almacenará El Resultsado Final. 🔹 foreach () SE Applica Sobre Nuestro Array de números Primos y Оценить Una Función Обратный вызов COMO Parámetro. 🔹 La Función Обратный вызов СУ ВЕЗ, ОЦЕНИТЬ ОТРО ПАРАМЕТРО Лламадо Предмет que se evena al cubo en cada ciclo. 🔹 Imprimimos Primosalcubo.

Solución 3: ¡USEMOS карта () Действительно La Solución Más óptima Para Este Ejemplo Se Aprecia En La Siguiente Imagen:

Донс: 🔹 карта () SE Applica Sobre Nuestro Array de números Primos y Оценить Una Función Обратный вызов COMO Parámetro. 🔹 EN CADA ITERACION EVELAMOS Num Al Cubo Y Retornamos Los Valores.

Нота: карта () Нет Necesita de un Array Auxiliar Y uso del Método толчок COMO Vimos EN Anciores Ejemplos, Basta Con Almacenar El Restulsado RUT RESTAVENADO RUSA UNA RUSTORE.

ES Bosible Refactorizar El Código Anterword Usando Características de de de es6 como las Функции стрелок y el operador doble asterisco ( ** ) de la siguiente manera:

Донс: 🔹 en lugar de pasar un Обратный вызов Una una arrow Функция Cuya Entrada es un número del arreglo NumerosPrimos у La Salida Dicho Número Evelado Al Cubo. 🔹 Imprimimos Примосалькубо Отказ

Si Commaramos un Poco LAS солюкоины Anterees Contra El Uso de карта () Nos Percatamos Que. Нет Solo Es Más Sencillo de Usar, Sino También De Leer Y Mantener. Diferencia de Usar ciclos clásicos que se involucran con el индекс DE CADA ELEALION EN CADA ITERACION ES навередливый USAR карта () Que Itera El Array de Manera Interna.

Pro Tip : карта () Siempre Requiere de un возврат Para Sure Prevera Ejecución, Caso ContraRio EL Programa Нет SE SE «Quejara» Arrojando ОШИБКА ОШИБКА DE SINTAXIS, SINO Que Devolverá un Array Lleno de undefined Отказ Saber Esto Puede Ahorrarte Tiempo de DepugaCión.

SINTAXIS.

🔹 Предмет : EL ELIVESO Фактический дель Array Que Se Está Procesando (Parámetro Onlebratorio). 🔹 индекс : EL INDICE DEL ELEVELEO Фактический Doctro Del Array (Parámetro Opcional). 🔹 вырвать : EL Array Sobre El Que Se Llama карта (Parámetro Opcional).

Востерен Аррельс де objetos

карта () Es Método que Puede Iterar Sobre Custquier Arreglo, включения Собрей Аррельс де objetos. Imaginemos que tenemos un a arreglo de objetos que almacena información de los usuarios de una alplación y deseamos obtener el nombre full de todos los usaarios:

Con карта () Recorremos Todo El Arreglo de objetos y Con El Uso de Frafticks (`) Concatenamos El Nombre Y El Apellido del Usuario Para Споритете Masterarlo En Pantalla.

Recorer arreglos de objetos Anidados

Ahora, Supongamos que TeneMos Array de objetos Anidados Como El Siguiente:

SE DESEA CONOCER TODOS LOS USUARIOS CON TODOS SUS PEDDIDOS, ¿Cómo Podriamos Resolverlo?

Ante Arreglos de objetos Anidados ES Busible Usar Métodos карта () Анидадос, де ла Сигуенте Манера:

Выводит

Дебюэс де галантер ComplediDo un Poco Mejor El Funcionamiento del Método карта () Shoto Nathinente Mencionar Las Siguientes выводит:

🔸 el Método карта () SE Applea Arreglos Smples, Arreglos de Objetos Y Arreglos de objetos Anidados. 🔸 CREA NUEVO ARREGLO A TARTIR DE UNA TOUSETETETE. 🔸 Nunca altera. La Cantidad de Electionos del Array Original. 🔸 Нет altera el arreglo оригинал (inmutabilidad del código). 🔸 Добавить ООН Обратный вызов COMO Parámetro O UNA Arrow Функция (Si Usas JavaScript Modero). 🔸 CADA ELEALION DEL ARRAY ES ARTIGNO PARA EL перезвонить o la arrow Функция. 🔸 Para Evitar Flanceas Lógicos y Ahorrarte Tiempo de DepugaCión, Siempre Debe Senver Una Clausula вернуть , de otro modo devolverá un vector de невыполнен . 🔸 карта () против для о в то время как : Al Usar карта () Нет es necesario Precuparse Por El Estado de un Bucle Convencional. 🔸 карта () против для о в то время как : Los Elementos del Array de Operan de Manera Directa Sin acceder Ellos Por Su индекс Отказ

Редуги

Оригинал: “https://dev.to/duxtech/las-bondades-del-metodo-map-en-javascript-4bo1”