2012-05-21 9 views
15

जब मैं वस्तुओं की सरणी है, जब मैं क्रोम कंसोल में चर का नाम टाइप करें, मैं इस मिल: enter image description hereक्रोम कंसोल में विस्तारित ऑब्जेक्ट्स/सरणी को कैसे देखें?

प्रश्न: वहाँ कुछ विकल्प या एक ध्वज जो जब वस्तुओं को प्रदर्शित होगी चालू है और क्रोम कंसोल में पूछे जाने पर सरणी बढ़ा दी गई?

मैं कंसोल के भीतर बहुत कुछ करता हूं और इनलाइन संचालन करता हूं और प्रत्येक बार जब मैं एक सरणी संशोधित करता हूं तो मुझे मूल्य देखने के लिए सभी प्रविष्टियों पर क्लिक करना होता है।

मैं नहीं चाहता हूं जो एक लूप लिखने के लिए console.dir सभी सरणी को बाहर करे।

उत्तर

18

का समर्थन करता है एक सरणी की सारी सामग्री को देखने के लिए (या किसी अन्य वस्तु, उस मामले के लिए) एक लूप लिखने के बिना, आप JSON.stringify का उपयोग कर सकते हैं। यह जेएसओएन प्रारूप में पूरी वस्तु को आउटपुट करेगा, वैकल्पिक रूप से इसे इंडेंट कर देगा।

उदाहरण के लिए:

console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, ' ')) 

इच्छा उत्पादन:

[ 
    { 
    "a": 1, 
    "b": 2 
    }, 
    { 
    "c": 3, 
    "d": 4 
    } 
] 
+0

धन्यवाद! मैं अब सभी ऑब्जेक्ट्स और सरणी को डंप करने के लिए लंबे समय तक इस विधि का उपयोग करता हूं :) –

+0

@andypaxo console.log और console.info के बीच क्या अंतर है? – paulywill

-3

मुझे नहीं पता कि आप अभी तक यह जानते हैं लेकिन ... त्रिभुजों में क्लिक करें और आप पूरी वस्तु को देख सकते हैं जो मुझे लगता है कि यह बहुत व्यावहारिक है।


संपादित

ठीक है खेद मैं इस हिस्से 'पढ़ा न =। = लेकिन आप जाँच कर सकते हैं फ़ायरबग की console API क्रोम कंसोल Chrome Dev Tools: Console

+2

ओपी पहले ही कह चुका है, "मैं मानों को संशोधित करने के लिए मूल्यों को देखने के लिए सभी प्रविष्टियों पर क्लिक करना चाहता हूं" – Jashwant

+0

@Jashwant +1 ध्यान देने के लिए! :) –

23

console.table() में तालिका प्रारूप में displaying arrays neatly का एक बड़ा काम करता है।

+0

मैं वर्तमान में इसका उपयोग कर रहा हूं। धन्यवाद –

संबंधित मुद्दे