Ejemplo de foreach con JavaScript y ES6

JavaScript ha evolucionado mucho en los últimos años y con la llegada de ECMASCRIPT 6 (ES6) se ha potenciado su uso.

A continuación veremos un ejemplo que recorre un array empleando algunas de las nuevas características de ES6 y también opciones agregadas a partir de ES5.

 

El uso de let en la declaración del array es para ejemplificar como se emplea el nuevo modo de identificar el alcance de las variables, pero perfectamente se podría haber utilizado var para este caso.

En la siguiente línea vemos con el aray es recorrido mediante foreach. Luego con una variable element (se podría haber empleado también let) se apunta al elemento del DOM donde irá el contenido.

Finalmente el método insertAdjacentHTML es el que indica como se va a insertar, apelando al parámetro beforebegin. El contenido se agrega dentro de la lista apuntada desde element y aquí vemos otra de las novedades de ES6, el uso de las comillas invertidas y la sintaxis ${ } para especificar el contenido que no es literalmente un código HTML, sino que es la variable value, previamente especificada.

Publicado el por

Deja un comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *