Objeto Javascript A Cadena

| | | | | | | | | | | | | | | | | | |

[objeto Objeto] es una representación de cadena de un objeto. Puede ver este texto si usa alerta () para imprimir un objeto en la pantalla, por ejemplo. Puede ver el contenido de un objeto mediante console.log(), JSON.stringify() o... en el bucle.

Mientras desarrollamos el uso de JavaScript, muchos de nosotros encontró el resultado: [objeto Objeto]. Cuando lo vi, fui a mi mentor en ese momento y le pregunté: "¿Qué significa eso también?" ". Estaba confundido.

Este artículo pretende informarle sobre este lanzamiento y lo que significa. Vamos a hablar sobre cómo puede traducir [object object] a contenido legible por humanos con el que puede trabajar.

¿Qué es JavaScript [objeto objeto]?

> [objeto Objeto] es una versión de cadena de una instancia de objeto. Este valor lo devuelve un programa de JavaScript si intenta imprimir un objeto sin tener que poner primero la forma del objeto como una cadena

Esta es la sintaxis del objeto [objeto Objeto]:.

No es de extrañar que los desarrolladores se confundan con esto: no hay mensajes de error o Las advertencias de guardia nos dicen lo que está sucediendo. Mire Veamos un ejemplo de este objeto en la acción

[objeto Objeto] Ejemplo de JavaScript

Tome este ejemplo:.

Cuando se ejecuta la declaración de alerta (), nuestro código devuelve [objeto Objeto]. Nuestro programa intenta devolver una representación de cadena de lo que se pasó al método alert(). Pero, como nuestro código lo ve como un objeto, nos dice que es una instancia de un objeto

El mensaje [Object object] no es muy descriptivo. Pero eso no significa que no podamos ver los valores en nuestro objeto. Hablemos de las formas en que podemos leer los valores ‚Äã‚Äãen un objeto

¿Dentro del objeto?

Saber que [objeto Objeto] es una instancia de un objeto es genial, pero queremos saber si está dentro del objeto. Hay tres formas de hacer esto:

  1. Inicie sesión en la consola con console.log ()
  2. stringify con JSON.stringify ()
  3. Utilice el bucle ... in y observe cada propiedad
  4. Registrarse en la consola

    Probablemente la mejor manera de ver qué hay dentro de un objeto es registrar el objeto en la consola. La instrucción console.log () le permite ver todos sus valores ‚Äã‚Äãen un objeto JavaScript

    Considere el siguiente código:.

    Podemos ver los valores ‚Äã‚Äãen nuestro objeto.

    usa JSON.stringify()

    método JSON.stringify () convierte un objeto JavaScript en una cadena. Luego podemos manipular esta cadena.

    Entonces podemos usar JSON.stringify () para convertir un objeto en una cadena. Así que podríamos usar alert() para mostrar el valor de la cadena al usuario:

    Como en nuestro último ejemplo, hemos definido un objeto llamado objA. A continuación, usamos el método JSON.stringify () para convertir el objeto en una cadena. Luego usamos alerta para mostrar el valor de la cadena a la consola.

    Nuestro código abre una ventana de aviso con el siguiente contenido:.

    Utilice un bucle for ...

    JavaScript ... en bucle nos permite desplazarnos por el contenido de un objeto. Podemos usar este bucle para imprimir cada par de valores clave

Considere el siguiente código:

Declaramos un objeto JSON llamado objA como lo hicimos en los últimos dos ejemplos. Luego usamos for... in loop para iterar a través del contenido de ese objeto. El valor "clave" representa cada clave.

Usamos el valor "clave" para acceder a la clave y objA [clave] para acceder al valor asociado con esa clave. Nuestro código devuelve:

Usamos la concatenación de cadenas para agregar dos puntos (:) entre cada clave y el valor. Esto nos permite separar las claves y los valores ‚Äã‚Äã para que sean más legibles en la salida de nuestro código.

Conclusión

El código JavaScript [objeto objeto] es una representación de cadena de un objeto. Para ver el contenido de un objeto, debe imprimir el objeto en la consola usando console.log () o convertir el objeto a una cadena. O puede usar un bucle for ... in para iterar a través del objeto y ver su contenido.

¿Quiere obtener más información sobre JavaScript? Consulte nuestro Guía completa para aprender JavaScript para obtener sugerencias sobre los mejores recursos de aprendizaje y sobre cursos de línea .