Duplicar posible:
JavaScript data formatting/pretty printerjQuery: print_r() pantalla equivalente?
estoy consiguiendo un poco cansado de mirar las manchas sin formato JSON en FireBug.
¿Alguien sabe un equivalente de print_r() de PHP para jQuery?
¿Algo que de forma recursiva haría una cadena de visualización de un objeto o matriz, que podría mostrar en la página para una depuración rápida?
Gracias!
console.log es lo que más a menudo uso cuando se depura.
Pude encontrar este jQuery extension embargo.
Puede usar muy fácilmente reflection para enumerar todas las propiedades, métodos y valores.
Para los navegadores basados en Gecko puede utilizar el método .toSource():
var data = new Object();
data["firstname"] = "John";
data["lastname"] = "Smith";
data["age"] = 21;
alert(data.toSource()); //Will return "({firstname:"John", lastname:"Smith", age:21})"
Pero ya que utiliza Firebug, ¿por qué no usar console.log?
mmm más fácil gracias: D – Gogol
También se puede hacer
console.log("a = %o, b = %o", a, b);
donde ayb son objetos.
El comentario principal tiene un enlace roto a la documentación de console.log para Firebug, así que aquí está a link to the wiki article about Console. Empecé a usarlo y estoy bastante satisfecho con él como una alternativa a print_r() de PHP.
También hay que resaltar es que Firebug le da acceso a JSON devuelto objetos incluso sin que el registro manualmente:
Este método requiere un par de clics más para obtener los datos pero no requiere ninguna adición en su javascript real y no cambia su enfoque en Firebug fuera de la consola (el uso de console.log crea un enlace a la sección DOM de firebug, lo que obliga a hacer clic en volver a la consola después).
Por mi dinero prefiero hacer clic un par de veces más cuando quiero inspeccionar en lugar de perder el tiempo con el registro, sobre todo porque mantiene la consola limpia al no agregar ningún cruft adicional.
¿Qué tal algo como:
<script src='http://code.jquery.com/jquery-latest.js'></script>
function print_r(o){
return JSON.stringify(o,null,'\t').replace(/\n/g,'<br>').replace(/\t/g,' '); }
una muy buena respuesta en realidad si alguien odia console.log :) – Gogol
He hecho un plugin de jQuery para el equivalente de
<pre>
<?php echo print_r($data) ?>
</pre>
Puede descargarlo en https://github.com/tomasvanrijsse/jQuery.dump
Modifiqué su código: la salida de su código debe conectarse a un div. Pero con esta función puedo mostrar en la consola tanto cadena como objeto. función print (variable) { if (tipo de variable == 'objeto') { $ .each (variable, función (clave, elemento) { console.log ('' + key + '=>' + element + ""); }); } else { console.log ('' + variable + ""); } } – ShivarajRH
¿Podría enviar una solicitud de extracción en https://github.com/tomasvanrijsse/jQuery.dump – Tomas
Envié una solicitud de extracción. :-) – ShivarajRH
vistazo a esto: http://phpjs.org/functions/index y encuentra para print_r o usa console.log() con firebug.
$.each(myobject, function(key, element) {
alert('key: ' + key + '\n' + 'value: ' + element);
});
Esto hace el trabajo por mí. :)
Esto no funcionará con objetos multidimensionales. –
Hmm eso podría ser cierto, pero ¿por qué no usa console.log para matrices/objetos complejos? – Gogol
Si aún desea hacer esto (suponiendo que realmente necesita esto para codificar, en lugar de depurar), es posible que necesite declaraciones foreach anidadas, que en realidad pueden ser complejas en determinados momentos: P – Gogol
Esto es perfecto. He estado usando console.log, pero no me di cuenta de que podía pasarle un objeto. Durr ... – Eli
Durr de hecho. Realmente no me di cuenta de esto hasta ahora, porque siempre inserto una cadena al comienzo de mi console.log() y cada vez que obtengo la representación de la cadena [Objeto Object]. Intenté console.log (myObj) y está mucho mejor ahora. – the0ther
Además, console.dir es mejor para los objetos :) –