जावास्क्रिप्ट ऑब्जेक्ट्स का निरीक्षण कैसे करें

Question

मैं एक अलर्ट बॉक्स में ऑब्जेक्ट का निरीक्षण कैसे कर सकता हूं? सामान्य रूप से एक वस्तु को चेतावनी सिर्फ nodename फेंकता है:

alert(document); 

लेकिन मैं अलर्ट बॉक्स में गुण और वस्तु के तरीकों प्राप्त करना चाहते हैं। यदि संभव हो, तो मैं इस कार्यक्षमता को कैसे प्राप्त कर सकता हूं? या क्या कोई अन्य सुझाव हैं?

विशेष रूप से, मैं एक उत्पादन वातावरण के लिए एक समाधान की तलाश कर रहा हूं जहां console.log और Firebug उपलब्ध नहीं हैं।

Answer 1

for - एक वस्तु या सरणी में प्रत्येक प्रॉपर्टी के लिए in छोरों। आप इस संपत्ति का उपयोग मूल्य प्राप्त करने के साथ-साथ इसे बदलने के लिए भी कर सकते हैं।

नोट: निजी गुण निरीक्षण के लिए उपलब्ध नहीं हैं, जब तक कि आप "जासूसी" का उपयोग न करें; मूल रूप से, आप ऑब्जेक्ट को ओवरराइड करते हैं और कुछ कोड लिखते हैं जो ऑब्जेक्ट के संदर्भ में फॉर-इन लूप करता है।

की तरह दिखता में लिए:

for (var property in object) loop(); 

कुछ नमूना कोड:

function xinspect(o,i){ 
    if(typeof i=='undefined')i=''; 
    if(i.length>50)return '[MAX ITERATIONS]'; 
    var r=[]; 
    for(var p in o){ 
     var t=typeof o[p]; 
     r.push(i+'"'+p+'" ('+t+') => '+(t=='object' ? 'object:'+xinspect(o[p],i+' ') : o[p]+'')); 
    } 
    return r.join(i+'\n'); 
} 

// example of use: 
alert(xinspect(document)); 

संपादित करें: कुछ समय पहले, मैं अपने ही निरीक्षक ने लिखा है, अगर आप रुचि रखते हैं, मैं कर रहा हूँ साझा करने में खुशी हुई।

संपादित करें 2: ठीक है, मैंने वैसे भी एक लिखा है।

Answer 2

var str = ""; 
for(var k in obj) 
    if (obj.hasOwnProperty(k)) //omit this test if you want to see built-in properties 
     str += k + " = " + obj[k] + "\n"; 
alert(str); 

Answer 3

एक आधुनिक ब्राउज़र के साथ alert(JSON.stringify(object)) कैसे?

TypeError: Converting circular structure to JSON के मामले में, यहाँ और अधिक विकल्प हैं: How to serialize DOM node to JSON even if there are circular references?

प्रलेखन: JSON.stringify() स्वरूपण या उत्पादन prettifying पर जानकारी प्रदान करता है।

Answer 4

उपयोग console.dir(object) और Firebug प्लगइन

Answer 5

अपने कंसोल का उपयोग:

console.log(object); 

Answer 6

कुछ तरीके हैं:

1. typeof tells you which one of the 6 javascript types is the object. 
2. instanceof tells you if the object is an instance of another object. 
3. List properties with for(var k in obj) 
4. Object.getOwnPropertyNames(anObjectToInspect) 
5. Object.getPrototypeOf(anObject) 
6. anObject.hasOwnProperty(aProperty) 

एक कंसोल संदर्भ में, कभी कभी .constructor या शायद .prototype उपयोगी:

console.log(anObject.constructor); 
console.log(anObject.prototype) ; 

Answer 7

यह ईसाई के उत्कृष्ट उत्तर की स्पष्ट चीर है। मैंने इसे थोड़ा और अधिक पठनीय बना दिया है:

/** 
* objectInspector digs through a Javascript object 
* to display all its properties 
* 
* @param object - a Javascript object to inspect 
* @param result - a string of properties with datatypes 
* 
* @return result - the concatenated description of all object properties 
*/ 
function objectInspector(object, result) { 
    if (typeof object != "object") 
     return "Invalid object"; 
    if (typeof result == "undefined") 
     result = ''; 

    if (result.length > 50) 
     return "[RECURSION TOO DEEP. ABORTING.]"; 

    var rows = []; 
    for (var property in object) { 
     var datatype = typeof object[property]; 

     var tempDescription = result+'"'+property+'"'; 
     tempDescription += ' ('+datatype+') => '; 
     if (datatype == "object") 
      tempDescription += 'object: '+objectInspector(object[property],result+' '); 
     else 
      tempDescription += object[property]; 

     rows.push(tempDescription); 
    }//Close for 

    return rows.join(result+"\n"); 
}//End objectInspector 

Answer 8

यहां मेरा ऑब्जेक्ट इंस्पेक्टर है जो अधिक पठनीय है।कोड लंबा करने के लिए ले जाता है क्योंकि यहाँ लिख आप इस तरह से http://etto-aa-js.googlecode.com/svn/trunk/inspector.js

उपयोग इसे डाउनलोड कर सकते हैं:

document.write(inspect(object));