JavaScript para de | Explicado

En JavaScript, el "por ... de"La declaración es beneficiosa para obtener la cadena o los elementos de la matriz por separado en el caso de trabajar con alguna cadena o elemento de matriz específico. Por ejemplo, cuando necesita realizar algún cálculo en todos los elementos de una matriz o mostrarlos simultáneamente. También se puede usar para iterar a lo largo del mapa o los objetos de argumento.

Este blog trata sobre el uso de JavaScript para ... Entonces, comencemos!

¿Qué es JavaScript ... de declaración??

"por ... de"La declaración boops a través de los valores de un objeto iterable que puede ser una matriz, cadena, conjunto, mapa o argumento. También se usa para acceder a todos los elementos simultáneamente refiriéndose a una variable creada.

Cómo usar JavaScript para ... de declaración?

Para usar el JavaScript para ... de la declaración, utilice la sintaxis proporcionada:

para (variable de iterable)

En la sintaxis dada, "variable"Se refiere a los elementos en el especificado"itreable", Que puede ser una cadena o una matriz. Tenga en cuenta que la variable mencionada se puede declarar con const, let o var.

Los siguientes ejemplos explicarán las aplicaciones de la declaración discutida en diferentes escenarios de casos.

Ejemplo 1: iterando sobre una matriz

En el siguiente ejemplo, crearemos una matriz con los siguientes valores:

dejar matriz = [10, 20, 30];

Ahora, aplique el "por ... de"Declaraciones para iterar a lo largo de la matriz especificada. El "artículo"Se referirá a la matriz de elementos. Además, en cada iteración, el "2"Se incrementará en los valores de la matriz:

para (dejar elemento de matriz)
Artículo = Artículo + 2;
consola.log ("Los elementos de la matriz son:", elemento);

La salida de la implementación anterior será la siguiente:

Ejemplo 2: iterando sobre un valor de cadena

En este ejemplo, declararemos un valor de cadena llamado "sin":

Let String = 'ForoF';

Ahora, itera a lo largo de los caracteres de la cadena aplicando el "por ... de"Declaración y acceso a los caracteres de cadena a través de una variable llamada"personaje"Y registrarlos por separado en la consola:

para (dejar personaje de string)
consola.log ("Los elementos de cadena son:", carácter);

Producción

Ejemplo 3: iterando sobre objetos de mapa

Primero, cree un nuevo objeto de mapa usando el "nuevo mapa ()" método:

Let MapID = new Map ();

A continuación, utilice el "colocar()Método "para establecer los valores para la clave especificada:

mapid.set ('nombre', 'harry');
mapid.set ('id', 'ninguno');

Ahora, aplique el "por ... de"Declaración para iterar a lo largo de los elementos del mapa contenidos en"mapid"Y mostrarlos:

para (dejar mapa de mapid)
consola.log ("Los elementos de la matriz son:", mapa);

Producción

Ejemplo 4: iterando sobre los objetos establecidos

En primer lugar, cree un nuevo conjunto usando el "nuevo set()"Método con los siguientes valores:

Let sets = new Set ([10, 20]);

A continuación, aplique el "por ... deDeclaración "para acceder a los valores establecidos uno por uno y registrarlos en la consola:

para (dejar conjunto de conjuntos)
consola.log ("Los elementos establecidos son:", set);

Producción

Ejemplo 5: iterando sobre argumentos objetos

En primer lugar, defina una función llamada "Forf ()". Aquí, "argumentos"Es un objeto aplicado dentro de la función que contiene el valor especificado de los argumentos pasados ​​a la función particular:

función de ForOf ()
para (valor const de argumentos)
consola.log ("Los elementos de argumento son:", valor);

Finalmente, invoca el "Forf ()"Funciona transmitiendo los valores como argumentos:

FORO DE (10, 20);

Producción

Hemos proporcionado diferentes implementaciones del "por ... de"Declaración en JavaScript.

Conclusión

El "por ... de"La declaración se utiliza para iterar sobre una matriz agregando los elementos de la matriz y mostrándolos. Puede aplicar la declaración para iterar sobre una matriz, cadena, objeto de mapa, establecer objeto y argumentos. Este artículo demostró las aplicaciones de la declaración para ... mediante la aplicación de varios ejemplos.