यह ट्यूटोरियल एक साधारण जावास्क्रिप्ट ऑब्जेक्ट के माध्यम से लूप/पुनरावृति करने के तरीके प्रदर्शित करेगा।
कैसे एक सादा/सरल जावास्क्रिप्ट वस्तु के माध्यम से लूप करें?
सरल JavaScript ऑब्जेक्ट के माध्यम से लूप/पुनरावृत्ति करने के लिए, निम्न विधियों का उपयोग करें:
विधि 1: फॉर-इन लूप का उपयोग करके एक सादा/सरल जावास्क्रिप्ट ऑब्जेक्ट के माध्यम से लूप करें
किसी वस्तु के माध्यम से लूप करने के लिए, 'फॉर-इन' लूप का उपयोग करें। यह किसी ऑब्जेक्ट से जुड़े किसी ऑब्जेक्ट के सभी गणना योग्य स्ट्रिंग विशेषताओं में पुनरावृत्त करता है।
वाक्य - विन्यास
किसी वस्तु के माध्यम से लूपिंग के लिए फॉर-इन लूप का उपयोग करने के लिए दिए गए सिंटैक्स का उपयोग करें:
के लिए ( चर में वस्तु )
उदाहरण
की-वैल्यू पेयर में प्रॉपर्टीज के साथ एक ऑब्जेक्ट बनाएं:
था वस्तु = {
'जावास्क्रिप्ट' : एक ,
'जावा' : 5 ,
'अजगर' : बीस ,
'एचटीएमएल' : 2 ,
'सीएसएस' : ग्यारह
}
ऑब्जेक्ट की कुंजियों के आधार पर ऑब्जेक्ट पर लूप करें:
के लिए ( स्थिरांक चाभी में वस्तु ) {सांत्वना देना। लकड़ी का लट्ठा ( `$ { चाभी } : $ { वस्तु [ चाभी ] } ` ) ;
}
आउटपुट ऑब्जेक्ट की सभी विशेषताओं को की-वैल्यू पेयर में प्रदर्शित करता है:
विधि 2: Object.keys() विधि का उपयोग करके एक सादा/सरल JavaScript ऑब्जेक्ट के माध्यम से लूप करें
किसी वस्तु की प्रत्येक संपत्ति का एक संबंधित मूल्य होता है, जिसका अर्थ है कि प्रत्येक संपत्ति में कुंजी-मूल्य जोड़े शामिल हैं। आप ऑब्जेक्ट की स्थिर विधियों का उपयोग करके कुंजियों, मानों या दोनों कुंजियों और मानों को सरणी में प्रविष्टियों के रूप में निकाल सकते हैं। यदि आप किसी वस्तु की कुंजियाँ प्राप्त करना चाहते हैं, तो 'का उपयोग करें' वस्तु कुंजी () ' तरीका।
वाक्य - विन्यास
किसी वस्तु के गुणों/कुंजियों को पुनः प्राप्त करने के लिए किसी वस्तु के माध्यम से लूप करने के लिए दिए गए सिंटैक्स का पालन करें:
उदाहरण
Object.keys() मेथड को इनवोक करें और ऑब्जेक्ट की कुंजियों के परिणामी ऐरे को वेरिएबल में स्टोर करें। objKeys ':
जैसा कि आप आउटपुट में देख सकते हैं, किसी वस्तु की सभी कुंजियों को सफलतापूर्वक प्राप्त कर लिया गया है:
विधि 3: Object.values() विधि का उपयोग करके एक सादा/सरल JavaScript ऑब्जेक्ट के माध्यम से लूप करें
किसी वस्तु के गुणों के विरुद्ध उसके मूल्यों को प्राप्त करने के लिए, 'का उपयोग करें' ऑब्जेक्ट.वैल्यू () ' तरीका। यह किसी वस्तु के गुणों/कुंजियों के लिए मानों की एक सरणी देता है।
वाक्य - विन्यास
दिए गए सिंटैक्स का उपयोग ऑब्जेक्ट के माध्यम से लूप करके ऑब्जेक्ट के मान प्राप्त करने के लिए किया जाता है:
उदाहरण
किसी वस्तु के गुणों के विरुद्ध उसके मूल्यों को प्राप्त करने के लिए Object.values() विधि को आमंत्रित करें:
आउटपुट ऑब्जेक्ट के गुणों के विरुद्ध मानों की एक सरणी प्रदर्शित करता है:
विधि 4: ऑब्जेक्ट.एंट्री () विधि का उपयोग करके एक सादा/सरल जावास्क्रिप्ट ऑब्जेक्ट के माध्यम से लूप करें
आप '' का उपयोग करके एक सादे / सरल जावास्क्रिप्ट ऑब्जेक्ट के माध्यम से पुनरावृति कर सकते हैं। ऑब्जेक्ट प्रविष्टियां () ' तरीका। यह दिए गए ऑब्जेक्ट के कुंजी-मूल्य जोड़े वाले उप-सरणियों की एक सरणी उत्पन्न करता है।
वाक्य - विन्यास
किसी वस्तु को लूप करके किसी वस्तु की प्रविष्टियाँ प्राप्त करने के लिए निम्नलिखित सिंटैक्स का उपयोग किया जाता है:
उदाहरण
किसी वस्तु की सभी प्रविष्टियों को पुनः प्राप्त करने के लिए वस्तु पर Object.entries() विधि को कॉल करें:
उत्पादन
हमने सदस्यों के रूप में वस्तुओं के साथ सादे जावास्क्रिप्ट वस्तुओं के माध्यम से लूप से संबंधित सभी आवश्यक जानकारी एकत्र की है।
निष्कर्ष
एक सादे/सरल जावास्क्रिप्ट ऑब्जेक्ट के माध्यम से लूप करने के लिए, 'का उपयोग करें' में लिए ' फंदा, ' वस्तु कुंजी () ' तरीका, ' ऑब्जेक्ट.वैल्यू () 'विधि, या' ऑब्जेक्ट प्रविष्टियां () ' तरीका। फॉर-इन लूप और Object.entries() मेथड का उपयोग किसी ऑब्जेक्ट में सभी की-वैल्यू जोड़े प्राप्त करने के लिए किया जाता है, जबकि Object.keys() का उपयोग कुंजी और Object.values() के मानों के लिए प्राप्त करने के लिए किया जाता है। एक वस्तु। इस ट्यूटोरियल ने एक साधारण जावास्क्रिप्ट ऑब्जेक्ट के माध्यम से लूप करने के विभिन्न तरीकों का प्रदर्शन किया।