ఈ ట్యుటోరియల్ సాధారణ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్/ఇటరేట్ చేసే మార్గాలను ప్రదర్శిస్తుంది.
ప్లెయిన్/సింపుల్ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయడం ఎలా?
సరళమైన జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయడానికి/మళ్లీ చేయడానికి, ఈ క్రింది పద్ధతులను ఉపయోగించండి:
విధానం 1: లూప్ కోసం లూప్ ఉపయోగించి సాదా/సాధారణ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయండి
ఒక వస్తువు ద్వారా లూప్ చేయడానికి, 'ఫర్-ఇన్' లూప్ ఉపయోగించండి. ఇది ఆబ్జెక్ట్‌తో అనుబంధించబడిన వస్తువు యొక్క అన్ని లెక్కించదగిన స్ట్రింగ్ లక్షణాలలో పునరావృతమవుతుంది.
వాక్యనిర్మాణం
ఆబ్జెక్ట్ ద్వారా లూప్ చేయడానికి కోసం ఇన్ లూప్‌ని ఉపయోగించడానికి అందించిన సింటాక్స్‌ని ఉపయోగించండి:
కోసం ( వేరియబుల్ లో వస్తువు )
ఉదాహరణ
కీ-విలువ జతలలో లక్షణాలతో ఒక వస్తువును సృష్టించండి:
ఉంది వస్తువు = {
'జావాస్క్రిప్ట్' : ఒకటి ,
'జావా' : 5 ,
'పైథాన్' : ఇరవై ,
'HTML' : 2 ,
'CSS' : పదకొండు
}
వస్తువు యొక్క కీల ఆధారంగా ఆబ్జెక్ట్‌పై లూప్ చేయండి:
కోసం ( స్థిరంగా కీ లో వస్తువు ) {కన్సోల్. లాగ్ ( `$ { కీ } : $ { వస్తువు [ కీ ] } ` ) ;
}
అవుట్‌పుట్ కీ-విలువ జతలో వస్తువు యొక్క అన్ని లక్షణాలను ప్రదర్శిస్తుంది:
విధానం 2: Object.keys() పద్ధతిని ఉపయోగించి సాదా/సాధారణ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయండి
ఒక వస్తువులోని ప్రతి ఆస్తికి సంబంధిత విలువ ఉంటుంది, అంటే ప్రతి ఆస్తి కీ-విలువ జతలను కలిగి ఉంటుంది. మీరు ఆబ్జెక్ట్ యొక్క స్టాటిక్ పద్ధతులను ఉపయోగించి శ్రేణిలోని ఎంట్రీలుగా కీలు, విలువలు లేదా రెండు కీలు మరియు విలువలను సంగ్రహించవచ్చు. మీరు ఆబ్జెక్ట్ కీలను తిరిగి పొందాలనుకుంటే, 'ని ఉపయోగించండి Object.keys() ” పద్ధతి.
వాక్యనిర్మాణం
ఒక వస్తువు యొక్క లక్షణాలు/కీలను తిరిగి పొందడానికి ఆబ్జెక్ట్ ద్వారా లూప్ చేయడానికి ఇచ్చిన సింటాక్స్‌ను అనుసరించండి:
ఉదాహరణ
Object.keys() పద్ధతిని ప్రారంభించండి మరియు ఆబ్జెక్ట్ యొక్క కీల యొక్క ఫలిత శ్రేణిని వేరియబుల్‌లో నిల్వ చేయండి “ objKeys ”:
మీరు అవుట్‌పుట్‌లో చూడగలిగినట్లుగా, వస్తువు యొక్క అన్ని కీలు విజయవంతంగా తిరిగి పొందబడ్డాయి:
విధానం 3: Object.values() పద్ధతిని ఉపయోగించి సాదా/సాధారణ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయండి
ఒక వస్తువు యొక్క విలువలను దాని లక్షణాలకు వ్యతిరేకంగా పొందడానికి, 'ని ఉపయోగించండి Object.values() ” పద్ధతి. ఇది ఒక వస్తువు యొక్క లక్షణాలు/కీల కోసం విలువల శ్రేణిని తిరిగి ఇస్తుంది.
వాక్యనిర్మాణం
ఆబ్జెక్ట్ ద్వారా లూప్ చేయడం ద్వారా ఆబ్జెక్ట్ విలువలను పొందడానికి ఇచ్చిన సింటాక్స్ ఉపయోగించబడుతుంది:
ఉదాహరణ
ఆబ్జెక్ట్.విలువలు() పద్ధతిని ఉపయోగించి ఆబ్జెక్ట్ విలువలను దాని లక్షణాలకు వ్యతిరేకంగా పొందండి:
అవుట్‌పుట్ వస్తువు యొక్క లక్షణాలకు వ్యతిరేకంగా విలువల శ్రేణిని ప్రదర్శిస్తుంది:
విధానం 4: Object.entries() పద్ధతిని ఉపయోగించి సాదా/సాధారణ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయండి
మీరు 'ని ఉపయోగించి సాదా/సాధారణ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా కూడా పునరావృతం చేయవచ్చు Object.entries() ” పద్ధతి. ఇది ఇచ్చిన వస్తువు యొక్క కీ-విలువ జతలను కలిగి ఉన్న ఉప-శ్రేణుల శ్రేణిని ఉత్పత్తి చేస్తుంది.
వాక్యనిర్మాణం
ఆబ్జెక్ట్‌ను లూప్ చేయడం ద్వారా వస్తువు యొక్క ఎంట్రీలను పొందడానికి క్రింది వాక్యనిర్మాణం ఉపయోగించబడుతుంది:
ఉదాహరణ
ఆబ్జెక్ట్ యొక్క అన్ని ఎంట్రీలను తిరిగి పొందడానికి ఆబ్జెక్ట్‌పై Object.entries() పద్ధతిని కాల్ చేయండి:
అవుట్‌పుట్
మేము సభ్యులుగా ఉన్న వస్తువులతో సాదా జావాస్క్రిప్ట్ ఆబ్జెక్ట్‌ల ద్వారా లూప్ చేయడానికి సంబంధించిన అన్ని అవసరమైన సమాచారాన్ని సేకరించాము.
ముగింపు
సాదా/సరళమైన జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయడానికి, “ని ఉపయోగించండి కోసం-ఇన్ 'లూప్,' Object.keys() 'పద్ధతి,' Object.values() 'పద్ధతి, లేదా' Object.entries() ” పద్ధతి. ఒక వస్తువులోని అన్ని కీ-విలువ జతలను పొందడానికి for-in loop మరియు Object.entries() పద్ధతి ఉపయోగించబడతాయి, అయితే Object.keys() కీలను పొందడానికి మరియు Object.values() విలువల కోసం ఉపయోగించబడతాయి. ఒక వస్తువు. ఈ ట్యుటోరియల్ సాధారణ జావాస్క్రిప్ట్ ఆబ్జెక్ట్ ద్వారా లూప్ చేయడానికి వివిధ మార్గాలను ప్రదర్శించింది.