JavaScript para ... en VS para ... de bucle
El bucle juega un papel vital en el acceso a los elementos para recuperar algún valor en función de la condición. Este resultado está realizando alguna operación en una cadena en particular o un objeto convenientemente. Además, también es efectivo para iterar a lo largo de los datos a granel, ahorrando el tiempo. En esos casos, "para ... en" y "por ... deLos bucles proporcionan excelentes funcionalidades en el acceso de manera inteligente los datos.
Este blog explicará las diferencias entre ... en y para ... de bucle en JavaScript con la ayuda de ejemplos.
JavaScript para ... en VS para ... de bucle
El "para ... enEl bucle es útil en caso de iterar a través de las propiedades de un objeto. Cuando se activa a través de una cadena, devuelve los índices correspondientes a los valores de cadena en lugar de los valores de cadena.
El "por ... deEl bucle, por otro lado, no se prefiere para iterar a través de las propiedades del objeto. Más bien, se dispara a través de los valores de un objeto iterable. Sin embargo, es adecuado para iterar a lo largo de los valores de la cadena, ya que los accede fácilmente y devuelve los caracteres contenidos por separado también.
Sintaxis
for (variable en string)
En la sintaxis dada:
- "variable"Se refiere a los caracteres contenidos en una cadena.
- "cadena"Corresponde al valor de la cadena a ser iterado.
para (variable de iterable)
En la sintaxis anterior:
- "variable"Señala el valor de la siguiente propiedad que se asignará a la variable en cada iteración.
- "itreable"Indica que el objeto tiene propiedades iterables.
Ejemplo 1: iterando el para ... en y para ... de bucles sobre el valor de la cadena
Este ejemplo explicará el comportamiento de ambos bucles establecidos al iterarlos sobre el valor de la cadena especificado.
para ... en bucle
Sigamos el ejemplo a continuación del "para ... en" bucle:
En el fragmento de código anterior:
- Asigne el valor de cadena indicado llamado "Linuxhint".
- Después de eso, aplique el "para ... en"Luce para iterar a lo largo de los caracteres de la cadena.
- Al registrarse, el resultado apuntará a los índices en los que se almacenan los caracteres de la cadena.
Producción
De la salida anterior, se puede observar que los índices de cadena se recuperan en su lugar.
para ... de bucle
Observemos el comportamiento del "por ... de"Luce al iterando a través del valor de cadena especificado a continuación:
En las líneas de código anteriores, realice los siguientes pasos:
- Del mismo modo, especifique el valor de cadena establecido.
- En el siguiente paso, aplique el "por ... de"Luce para iterar a lo largo del valor de cadena inicializado.
- Finalmente, la salida dará como resultado obtener los caracteres directamente que están contenidos en una cadena y mostrarlos.
Producción
En la salida anterior, es evidente que los valores de cadena se devuelven.
Ejemplo 2: iterando para ... en y para ... de bucle sobre el objeto
En este ejemplo en particular, itere ambos bucles sobre el objeto creado y observe el resultado resultante contra cada uno de ellos.
para ... en bucle
Observemos el comportamiento del "para ... en"Logré iterarlo a través de un objeto.
Sigamos el ejemplo declarado a continuación:
En las líneas de código anteriores:
- Crear un objeto llamado "objdata"Con las propiedades llamadas (Harry, ID y Age) y los valores correspondientes.
- En el siguiente paso, aplique el "para ... en"Loop para acceder a las propiedades del objeto, así como los valores correspondientes.
- El primer parámetro en el "registro()El método "corresponde a la propiedad del objeto y el otro se refiere a su valor correspondiente.
- Como resultado, tanto las propiedades como los valores del objeto se registrarán en la consola.
Producción
En la salida anterior, se puede observar que las propiedades del objeto y los valores correspondientes se muestran en la consola.
para ... de bucle
Veamos la iteración del "por ... de"Luce sobre el objeto.
Eche un vistazo al siguiente código JavaScript:
En el fragmento de código anterior, realice los siguientes pasos:
- Recuerde los pasos para crear un objeto en el ejemplo anterior.
- En el siguiente paso, aplique el "por ... de"Logrado de manera similar a iterar a lo largo de las propiedades del objeto y los valores correspondientes.
- Esto dará como resultado arrojar un error que se puede ver en la salida a continuación.
Producción
De la salida anterior, se puede observar que el objeto al que se accede no es ITerable.
Conclusión
El "por ... de"Loop se puede utilizar para bucle sobre las cadenas y el"para ... enEl bucle puede ser adecuado para bucle sobre los objetos en JavaScript. El bucle anterior accede directamente a los caracteres contenidos en una cadena y los devuelve. El último bucle se puede utilizar en la bucle sobre los objetos para acceder a sus propiedades y los valores correspondientes convenientemente. Este tutorial explicó las diferencias entre ... en y para ... de bucle.