console.log que muestra los contenidos del objeto de matriz

Question

He intentado usar console.log para poder ver el contenido de mi matriz que contiene varios objetos. Sin embargo, me sale un error diciendo console.log no es un objeto, etc. Im usando jQuery 1.6.2 y mi matriz es la siguiente:

filters = {dvals:[{'brand':'1', 'count':'1'}, 
        {'brand':'2', 'count':'2'}, 
        {'brand':'3', 'count':'3'}]} 

console.log(filters); 

Lo que quiero hacer es escribir el contenido de la matriz (filtros) a un cuadro de alerta (eso es lo que pensé que hizo console.log) en el formato de filtros. ¿Cómo puedo hacer eso?

Answer 1

console.log no genera ningún cuadro de mensaje. No creo que esté disponible en ninguna versión de IE (ni Firefox) sin la adición de Firebug o algún equivalente.

Sin embargo, está disponible en Safari y Chrome. Como mencionas Chrome, lo usaré para mi ejemplo.

Tendrá que abrir su ventana y su contraparte de la ventana del desarrollador. puede hacer esto haciendo clic derecho en cualquier elemento de la página y seleccionando "Inspeccionar elemento". su ventana se dividirá en dos partes, la parte del desarrollador será la inferior. en la división entre las dos partes hay una barra con botones y el botón de la derecha está etiquetado como "consola". Tendrá que hacer clic para cambiar a la pestaña de la consola. Lamentablemente, no sé cómo llegar al teclado en Chrome. (En Safari en Mac OS X es comando + shift + I)

Una vez allí, podrá interactuar con cualquier página que esté cargada en la parte superior a través de javascript desde esa consola, y todos los mensajes que console.log se mostrarán allí.

Answer 2

Parece que Firebug o cualquier depurador que esté utilizando, no se inicializó correctamente. ¿Estás seguro de que Firebug está completamente inicializado cuando intentas acceder al método console.log() -? Verifique la Consola-Pestaña (si está configurada para activarse).

Otra posibilidad podría ser que sobrescriba el objeto de la consola en cualquier lugar del código.

Answer 3

Json significa Notación de objetos JavaScript realmente todos los json son objetos javascript, por lo que su matriz ya está en formato json. Para escribirlo en un div que podría hacer un montón de cosas que uno de los más fáciles, creo que sería:

objectDiv.innerHTML = filter; 

donde objectDiv es el div que desea seleccionado en el DOM utilizando jQuery. Si quería lista de piezas de la matriz a cabo se podía acceder a ellos, ya que es un objeto de JavaScript, así:

objectDiv.innerHTML = filter.dvals.valueToDisplay; //brand or count depending. 

edición: todo lo que quiere ser una cadena, pero no está en (lo cual es raro trata javascript casi todo como una cadena) simplemente use la función toString() incorporada. Entonces la línea anterior si la necesita sería filter.dvals.valueToDisplay.toString();

segunda edición para aclarar: esta respuesta es en respuesta a los comentarios del OP y no completamente a su pregunta original.

Answer 4

El objeto console está disponible en Internet Explorer 8 o más nuevo, pero sólo si se abre la ventana de Herramientas de Desarrollo pulsando F12 oa través del menú.

Se mantiene disponible incluso si cierra la ventana Herramientas del desarrollador nuevamente hasta que cierre su IE.

Chorme y Opera siempre tienen disponible console, al menos en las versiones actuales. Firefox tiene un console cuando se usa Firebug, pero también puede proporcionar uno sin Firebug.

En cualquier caso, es un método de salvar para hacer que el uso de la salida console sea opcional. Aquí hay algunos ejemplos sobre cómo hacerlo:

if (console) { 
    console.log('Hello World!'); 
} 

if (console) console.debug('value of someVar: ' + someVar); 

Answer 5

existen dos posibles soluciones simples para volcar una matriz como cadena. Dependiendo del entorno que esté utilizando:

... con los navegadores modernos usan JSON:

JSON.stringify(filters); 
// returns this 
"{"dvals":[{"brand":"1","count":"1"},{"brand":"2","count":"2"},{"brand":"3","count":"3"}]}" 

... con algo como Node.js puede utilizar console.info()

console.info(filters); 
// will output: 
{ dvals: 
[ { brand: '1', count: '1' }, 
    { brand: '2', count: '2' }, 
    { brand: '3', count: '3' } ] } 

---

Editar:

JSON.stringify viene con dos más parámetros opcionales El tercer parámetro "espacios" permite bastante impresión:

JSON.stringify(
       obj,  // the object to stringify 
       replacer, // a function or array transforming the result 
       spaces // prettyprint indentation spaces 
      ) 

ejemplo:

JSON.stringify(filters, null, " "); 
// returns this 
"{ 
"dvals": [ 
    { 
    "brand": "1", 
    "count": "1" 
    }, 
    { 
    "brand": "2", 
    "count": "2" 
    }, 
    { 
    "brand": "3", 
    "count": "3" 
    } 
] 
}" 

Answer 6

calurosa recomiendo este fragmento de asegurar, trozos de código que quedan accidentalmente no fallan en los clientes navegadores:

/* neutralize absence of firebug */ 
if ((typeof console) !== 'object' || (typeof console.info) !== 'function') { 
    window.console = {}; 
    window.console.info = window.console.log = window.console.warn = function(msg) {}; 
    window.console.trace = window.console.error = window.console.assert = function(msg) {}; 
} 

en lugar de definir una función vacía, este fragmento también es un buen punto de partida para hacer rodar su propio sustituto de la consola si es necesario, es decir, descargar esas informaciones en un contenedor .debug, mostrar alertas (podría obtener plenty) o such ...

Si usa firefox + firebug, console.dir() es mejor para volcar la matriz de salida, see here.

Answer 7

Es simple imprimir un objeto a la consola en Javascript. Sólo tiene que utilizar la siguiente sintaxis:

console.log(object); 

o

console.log('object: %O', object); 

Creo que es importante decir que este tipo de declaraciones de registro sólo funciona dentro de un entorno de navegador. Lo usé con Google Chrome. Puede ver el resultado de sus llamadas a console.log dentro de Developer Console: ábralo haciendo clic con el botón derecho en cualquier elemento de la página web y seleccione 'Inspeccionar'. Seleccione la pestaña 'Consola'.