• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

215
Views
¿Cómo funciona exactamente un bucle forEach en este escenario?
const navLink = document.querySelectorAll(".nav-link"); navLink.forEach((link) => link.addEventListener("click", () => { ul.classList.remove("show"); }) );

Estoy tratando de entender la lógica detrás de forEach en este escenario, soy nuevo en javascript y en la programación en general y ha sido un desafío poder traducir lo que quiero a un lenguaje de programación.

Leí diferentes publicaciones con respecto a la sintaxis de forEach, pero realmente hay mucha técnica allí y no pude captar su significado.

almost 3 years ago · Juan Pablo Isaza
3 answers
Answer question

0

La función forEach recorre una lista de elementos HTML o entradas de matriz.

En este caso, Document#querySelectorAll puede devolver varias entradas, lo que le permite ejecutar el mismo código para cada entrada.

almost 3 years ago · Juan Pablo Isaza Report

0

Un forEach hace un poco lo que dice. Recorre cada elemento de la matriz. En su código, todos los navLinks se capturan y almacenan en const navLink y se repiten. Después de eso, se agrega un click event a cada uno de ellos.

La función dentro de este evento de clic eliminará la clase show de ul cada vez que se active este evento de clic. Esto será cada vez que se haga clic en un elemento con el nav-link clase.

almost 3 years ago · Juan Pablo Isaza Report

0

MDN es amigable para principiantes y completo cuando se trata de términos/conceptos de desarrollo web. En su caso: Array/forEach .


Para responder a su pregunta con precisión, la función forEach presentada se ejecutará una vez para cada elemento con una clase de nav-link se encuentra en DOM en el momento en que se ejecuta el script y agregará un detector de eventos de click a cada uno de esos elementos.

El detector de eventos (la función destinada a ejecutarse cuando se hace clic en uno de los elementos) consta de una función de flecha . Esa función intentará eliminar la clase show del HTMLElement al que hace referencia una variable/constante previamente declarada llamada ul , que no está presente en el código que ha mostrado hasta ahora.

Si ul no hace referencia a un HTMLElement cuando se hace clic .nav-link , verá un error en la consola quejándose de que ul no tiene una propiedad llamada classList .

Si ul está presente y hace referencia a un HTMLElement, la función eliminará la clase show de ese elemento, si el elemento tiene esa clase. De lo contrario, no hará nada (sin ningún error/advertencia).

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error