¿Cómo puedo ver un objeto con una alerta()

Question

Intenté hacer una depuración pero estoy teniendo problemas. Ahora intento con alert(). Por ejemplo, yo quiero ver el valor de:

var product = { ProductName: $('!Answer_Response[0]').val(), 
        UnitPrice: $('#Price').val(), 
        Stock: $('#Stock').val() 
       }; 

Cuando digo alert(product) que sólo me da [object Object]. ¿Cómo puedo hacer que la alerta muestre qué hay realmente allí?

Answer 1

puede utilizar el método JSON.stringify() encontrado en los navegadores modernos y proporcionada por json2.js.

var myObj = {"myProp":"Hello"}; 
alert (JSON.stringify(myObj)); // alerts {"myProp":"Hello"}; 

o

También puedes ver esta biblioteca: http://devpro.it/JSON/files/JSON-js.html

Answer 2

alert (product.UnitName + " " + product.UnitPrice + " " + product.Stock) 

o bien crear un método toString() en el objeto y llamar

alert(product.toString()) 

Pero tengo que estar de acuerdo con otras críticas - si está depurando que vamos a dar a continuación incendiario o F12 en IE9 o el cromo y el uso de console.log es el camino a seguir

Answer 3

Si desea ver fácilmente el contenido de los objetos durante la depuración, instalar una herramienta como Firebug y utilizar console.log:

console.log(product); 

Si desea ver las propiedades del objeto en sí mismo, NO alert el objeto, pero sus propiedades:

alert(product.ProductName); 
alert(product.UnitPrice); 
// etc... (or combine them) 

Como se ha dicho, si realmente desea aumentar su depuración de JavaScript, el uso Firefox con el complemento Firebug. Se preguntará cómo alguna vez depuró su código antes.

Answer 4

Esto es lo que yo uso:

var result = []; 
for (var l in someObject){ 
    if (someObject.hasOwnProperty(l){ 
    result.push(l+': '+someObject[l]); 
    } 
} 
alert(result.join('\n')); 

Si desea mostrar objetos anidados demasiado, podría utilizar algo recursiva:

function alertObject(obj){ 
var result = []; 
function traverse(obj){ 
for (var l in obj){ 
    if (obj.hasOwnProperty(l)){ 
    if (obj[l] instanceof Object){ 
     result.push(l+'=>[object]'); 
     traverse(obj[l]); 
    } else { 
     result.push(l+': '+obj[l]); 
    } 
    } 
    } 
} 
traverse(obj); 
return result; 
} 

Answer 5

realmente debería utilizar la consola de Firebug o de Webkit para la depuración. Luego puede hacer console.debug(product); y examinar el objeto.

Answer 6

Dependiendo de la propiedad que usted está interesado en:

alert(product.ProductName); 
alert(product.UnitPrice); 
alert(product.Stock); 

Answer 7

alert(JSON.stringify(product)); 

Answer 8

puede utilizar el método toSource como esto

alert(product.toSource()); 

Answer 9

el uso de JavaScript método nativo JSON.stringify. Para visualizar de una manera más agradable, se puede utilizar, como: JSON.stringify(obj,null, 4)

var obj = {data:[{"empmenuid":"1","empid":null,"deptid":"66","aliasid":"66","firstname":"66","lastname":"66","sin":"66","status":"66","empclass":"66","hiredate":"66","seneoritydate":"66","separationdate":"66"},{"empmenuid":"3","empid":null,"deptid":"12","aliasid":"12","firstname":"12","lastname":"12","sin":"12","status":"12","empclass":"12","hiredate":"12","seneoritydate":"12","separationdate":"12","recalldate":"12","martialstatus":"12","gender":"12","pager":"12","locid":"12","jobtitle":"12","jobtitlestart":"12","fullpart":"12","manager":"12","managername":"12","middlename":"12","nickname":"12","paytype":"12","payfreq":"12"}], 
 
recordType : 'object'}; 
 

 
alert(JSON.stringify(obj,null, 4));