ऑब्जेक्ट प्रॉपर्टी को सरणी मान देना?

Question

मेरे पास निम्न कोड है और मैं 52 अलग-अलग कार्डों से भरा डेक सरणी बनाना चाहता हूं। जब भी मैं कोड चलाता हूं और कार्ड ऑब्जेक्ट को सतर्क किया जाता है तो यह '[ऑब्जेक्ट ऑब्जेक्ट]' के रूप में प्रदर्शित होता है।

क्या कोई मुझे समझा सकता है कि यह ऐसा क्यों करता है और इस समस्या का समाधान क्यों करता है?

var suits = ["Clubs", "Diamonds", "Hearts", "Spades"]; 
var ranks = ["A", 2, 3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K"]; 
var deck = []; 

for (var i = 0; i < suits.length; i++) { 
    for (var j = 0; j < ranks.length; j++) { 
     var card = {rank: ranks[j], suit: suits[i]}; 
     deck.push(card); 
     alert(card) 
    } 
} 

Answer 1

यह इस

क्यों यह पूरी तरह से सामान्य है। आपके द्वारा बनाए गए कार्ड ऑब्जेक्ट को यह नहीं पता कि जब आप अपना alert() करते हैं, तो केवल toString() विधि कार्यान्वयन नहीं करते हैं। आपकी समस्या के लिए

समाधान

इस तरह प्रत्येक कार्ड वस्तु को एक गुमनाम toString() समारोह कार्यान्वयन निर्दिष्ट करने का प्रयास:

var suits = ["Clubs", "Diamonds", "Hearts", "Spades"]; 
var ranks = ["A", 2, 3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K"]; 
var deck = []; 

for (var i = 0; i < suits.length; i++) { 
    for (var j = 0; j < ranks.length; j++) { 

     var card = { 
         rank: ranks[j], 
         suit: suits[i], 
         toString : function() { return this.rank + ' ' + this.suit; } 
        }; 

     deck.push(card); 

     //alert(card); // console.log doesn't block code execution 
     console.log(card.toString()); 
    } 
} 

नोट

आप alert() के बजाय console.log() उपयोग करने पर विचार करना चाहिए क्योंकि यह कंस में डीबग करने के लिए बहुत कम परेशान और आसान है एकमात्र (हिट एफ 12)। लेकिन आईई 9 या उससे कम उत्पादन वाले उत्पादन कोड से सावधान रहें क्योंकि डेवलपर कंसोल खोले जाने पर उनके जावास्क्रिप्ट इंजन क्रैश हो जाएंगे।

Answer 2

है कि कैसे एक वस्तु से पता चला है, इसकी toString विधि आउटपुट सिर्फ इतना है कि, उसकी सामग्री

alert(JSON.stringify(card)); 

Answer 3

FIDDLE DEMO

का उपयोग इस के साथ अपनी चेतावनी की जगह को देखने के लिए -> चेतावनी (JSON .stringify (कार्ड))

var suits = ["Clubs", "Diamonds", "Hearts", "Spades"]; 
var ranks = ["A", 2, 3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K"]; 
var deck = []; 

for (var i = 0; i < suits.length; i++) { 
    for (var j = 0; j < ranks.length; j++) { 
     var card = {rank: ranks[j], suit: suits[i]}; 
     deck.push(card); 
     alert(JSON.stringify(card))//CHANGE THIS... 
     console.log(JSON.stringify(card)) 
    } 
} 

EXPLANATION

JSON.stringify जेएसओएन पाठ में जावास्क्रिप्ट डेटा संरचनाओं को परिवर्तित करता है। जेसन टेक्स्ट कुछ भी नहीं है लेकिन टेक्स्ट की मूल्य जोड़ी है। यह आसान नहीं हो सकता है।

Answer 4

ऐसा इसलिए होता है क्योंकि आप संपूर्ण ऑब्जेक्ट को अलर्ट करने के लिए निर्दिष्ट करते हैं, और अलर्ट नहीं जानता कि कौन से गुण प्रासंगिक हैं। यदि आप अपनी ऑब्जेक्ट का विस्तार योग्य दृश्य चाहते हैं, तो आप console.log(card) का उपयोग कर सकते हैं, यह ब्राउज़र ऑब्जेक्ट कंसोल में पेड़-व्यू के रूप में आपकी ऑब्जेक्ट को आउटपुट करेगा।

Answer 5

आप इस के लिए अपनी अलर्ट बदलना चाहिए:

alert(JSON.stringify(card))