JavaScript para de | Explicado
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.