- జావాస్క్రిప్ట్‌లో ఆబ్జెక్ట్‌కు విలువలను జోడించడానికి Object.assign() పద్ధతిని ఉపయోగించడం
- జావాస్క్రిప్ట్‌లో ఆబ్జెక్ట్‌కు విలువలను జోడించడానికి పుష్() పద్ధతిని ఉపయోగించడం
- జావాస్క్రిప్ట్‌లో ఆబ్జెక్ట్‌కు విలువలను జోడించడానికి స్ప్రెడ్ (...) ఆపరేటర్‌ని ఉపయోగించడం
విధానం 1: జావాస్క్రిప్ట్‌లో ఆబ్జెక్ట్‌కు విలువలను జోడించడానికి Object.assign() పద్ధతిని ఉపయోగించడం
ది Object.assign() వస్తువులకు విలువలను జోడించడానికి ఒక పద్ధతి ప్రసిద్ధి చెందినది. దీనికి రెండు వాదనలు అవసరం. మొదటిది లక్ష్య వస్తువును సూచిస్తుంది మరియు రెండవ వాదన కీ/విలువ జతలను తీసుకుంటుంది. యొక్క వాక్యనిర్మాణం Object.assign() పద్ధతి క్రింద అందించబడింది:
వాక్యనిర్మాణం
వస్తువు . కేటాయించవచ్చు ( లక్ష్యం, మూలం ) ;
పారామితులు ఇక్కడ వివరించబడ్డాయి:
- లక్ష్యం : విలువలు జోడించబడే వస్తువును నిర్దేశిస్తుంది.
- మూలం : జోడించబడిన విలువను సూచిస్తుంది.
కింది ఉదాహరణ కోడ్ ద్వారా ఈ పద్ధతి యొక్క పనిని అర్థం చేసుకుందాం:
కోడ్
కన్సోల్. లాగ్ ( 'అసైన్() పద్ధతిని ఉపయోగించడానికి ఒక ఉదాహరణ' ) ;
user_objని అనుమతించండి = {
1 : { పేరు : 'ఆడమ్' } ,
రెండు : { పేరు : 'హ్యారీ' } ,
} ;
obj వీలు = వస్తువు . కేటాయించవచ్చు ( user_obj, { 3 : { పేరు : 'జాసం' } } ) ;
కన్సోల్. లాగ్ ( obj ) ;
ఈ కోడ్‌లో:
- ముందుగా, 'ఆడమ్' మరియు 'హ్యారీ' విలువలుగా కేటాయించబడతాయి 'పేరు' ఆస్తి.
- ది Object.assign() జోడించడానికి పద్ధతి ఉపయోగించబడుతుంది a 'జాసం' విలువ “user_obj” వస్తువు.
- చివరగా, ది console.log() కన్సోల్ విండోలో అన్ని విలువలను ప్రదర్శించడానికి పద్ధతి ఉపయోగించబడుతుంది.
అవుట్‌పుట్
ఆబ్జెక్ట్‌కి కొత్త విలువ విజయవంతంగా జోడించబడిందని అవుట్‌పుట్ నుండి గమనించవచ్చు.
విధానం 2: జావాస్క్రిప్ట్‌లోని అర్రే ఆబ్జెక్ట్‌కు విలువలను జోడించడానికి పుష్() పద్ధతిని ఉపయోగించడం
ది పుష్() శ్రేణికి ఒకటి లేదా బహుళ విలువలను జోడించడానికి లేదా ఇన్సర్ట్ చేయడానికి పద్ధతిని ఉపయోగించవచ్చు. ఈ పద్ధతి విలువలను జోడించిన తర్వాత కొత్త శ్రేణిని అందిస్తుంది. కింది సింటాక్స్ ద్వారా ఇది పనిచేస్తుందో లేదో చూద్దాం:
వాక్యనిర్మాణం
అరె. పుష్ ( విలువ1, విలువ2, ..., విలువN )ఈ వాక్యనిర్మాణంలో, “విలువ1”, “విలువ2” మరియు 'విలువ' 'కి జోడించవలసిన విలువలు అరె ” వేరియబుల్.
కోడ్
కన్సోల్. లాగ్ ( 'అసైన్() పద్ధతిని ఉపయోగించడానికి ఒక ఉదాహరణ' ) ;స్థిరంగా క్రీడలు = [ 'క్రికెట్' , 'హాకీ' , 'ఫుట్‌బాల్' ] ;
స్థిరంగా కౌంటర్ = క్రీడలు. పుష్ ( 'బాస్కెట్‌బాల్' ) ;
కన్సోల్. లాగ్ ( కౌంటర్ ) ;
కన్సోల్. లాగ్ ( క్రీడలు ) ;
కోడ్ యొక్క వివరణ ఇక్కడ అందించబడింది:
- అనే శ్రేణి 'క్రీడలు' మూడు అంశాలతో రూపొందించబడింది, అనగా, 'క్రికెట్', 'హాకీ' మరియు 'ఫుట్‌బాల్' .
- ఆ తరువాత, విలువ 'బాస్కెట్‌బాల్' ఉపయోగించి అనుబంధించబడింది sports.push() జావాస్క్రిప్ట్‌లో పద్ధతి.
- చివరికి, ది console.log() పద్ధతి కన్సోల్ విండోలో శ్రేణిని ప్రదర్శిస్తుంది .
అవుట్‌పుట్
అవుట్‌పుట్ చూపిస్తుంది 'బాస్కెట్‌బాల్' విలువ జోడించబడింది క్రీడలు ఉపయోగించి వస్తువు పుష్() పద్ధతి.
విధానం 3: జావాస్క్రిప్ట్‌లో ఆబ్జెక్ట్ చేయడానికి విలువలను జోడించడానికి స్ప్రెడ్ (...) ఆపరేటర్‌ని ఉపయోగించడం
జావాస్క్రిప్ట్‌లోని ఆబ్జెక్ట్‌లకు విలువలను జోడించడానికి స్ప్రెడ్ (...) ఆపరేటర్‌ని ఉపయోగించారు. వస్తువులను ఒకే చోట విలీనం చేయడానికి ఇది ఉపయోగపడుతుంది. స్ప్రెడ్ ఆపరేటర్ యొక్క వాక్యనిర్మాణం క్రింద అందించబడింది:
వాక్యనిర్మాణం
{ ... obj , కీ : 'విలువ' }ఈ వాక్యనిర్మాణంలో, 'విలువ' కు కేటాయించబడింది కీ వస్తువులో obj .
ఒక వస్తువుకు విలువలను జోడించడానికి స్ప్రెడ్ ఆపరేటర్ యొక్క ఉదాహరణ కోడ్ క్రింద అందించబడింది:
కోడ్
కన్సోల్. లాగ్ ( 'స్ప్రెడ్ ఆపరేటర్‌ని ఉపయోగించడానికి ఒక ఉదాహరణ' ) ;obj1ని అనుమతించండి = { పేరు : 'హ్యారీ' } ;
obj2 = { ... obj1 , రంగు : 'తెలుపు' } ;
కన్సోల్. లాగ్ ( obj2 ) ;
ఈ కోడ్‌లో:
- ఒక 'obj1 ” మూలకాన్ని నిల్వ చేయడానికి ఉపయోగించబడుతుంది పేరు విలువను కేటాయించడం ద్వారా 'హ్యారీ' .
- ఆ తర్వాత, ది 'తెలుపు' విలువ జోడించబడుతుంది 'obj1' .
- చివరికి, ది console.log() పద్ధతి కన్సోల్ విండోలో అనుబంధిత విలువలను ప్రదర్శిస్తుంది.
అవుట్‌పుట్
అవుట్‌పుట్ కొత్త వస్తువును చూపుతుంది ' obj2 'ఇది వస్తువు నుండి విలువను కలిగి ఉంటుంది' obj1 'అలాగే అనుబంధ విలువ' తెలుపు ”.
ముగింపు
జావాస్క్రిప్ట్ రెండు పద్ధతులను అందిస్తుంది, అనగా, Object.assign() మరియు పుష్() ఒక వస్తువుకు విలువలను జోడించడానికి.
ది Object.assign() కీ/విలువ జతల ద్వారా వస్తువులకు విలువలను జోడించే పద్ధతి. ది పుష్() పద్ధతి ఒక శ్రేణికి ఒకటి లేదా బహుళ విలువలను జోడిస్తుంది. అయితే, ది వ్యాప్తి (...) ఒక వస్తువుకు విలువలను జోడించడానికి కూడా ఆపరేటర్‌ని ఉపయోగించవచ్చు. ఈ పోస్ట్ జావాస్క్రిప్ట్‌లోని వస్తువుకు విలువలను జోడించడానికి అన్ని అవకాశాలను ప్రదర్శించింది.