జావాస్క్రిప్ట్లోని వస్తువు కీ-విలువ జతల సమూహంగా వర్ణించబడింది. కొన్నిసార్లు, డెవలపర్లు కొత్త వస్తువులో రెండు వస్తువుల లక్షణాలను కలపడం అవసరం కావచ్చు. ఈ ప్రక్రియను విలీనం అంటారు. ఆబ్జెక్ట్లను విలీనం చేయడానికి, జావాస్క్రిప్ట్ '' అని పిలువబడే కొన్ని అంతర్నిర్మిత పద్ధతులను అందిస్తుంది. Object.assign() 'పద్ధతి లేదా' స్ప్రెడ్ ఆపరేటర్ ”.
ఈ పోస్ట్ రెండు JavaScript ఆబ్జెక్ట్ల లక్షణాలను డైనమిక్గా విలీనం చేసే పద్ధతులను వివరిస్తుంది.
రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్ల లక్షణాలను డైనమిక్గా ఎలా విలీనం చేయాలి?
రెండు JavaScript ఆబ్జెక్ట్ల లక్షణాలను డైనమిక్గా విలీనం చేయడానికి క్రింది పద్ధతులను ఉపయోగించండి:
విధానం 1: Object.assign() పద్ధతిని ఉపయోగించి డైనమిక్గా రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్ల లక్షణాలను విలీనం చేయండి/కలిపండి
ఉపయోగించడానికి ' Object.assign() ”రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్ల లక్షణాలను డైనమిక్గా మిళితం చేసే పద్ధతి. ఈ పద్ధతి ఒకటి లేదా అంతకంటే ఎక్కువ మూల వస్తువుల నుండి లక్ష్య వస్తువుకు అన్ని లెక్కించదగిన లక్షణాలను కాపీ చేయడం ద్వారా అసలు వస్తువుల సమగ్రతను నిర్వహిస్తుంది. రెండు వస్తువులలో ఒకే లక్షణం ఉన్నట్లయితే, రెండవ వస్తువు యొక్క విలువ మొదటి దాని నుండి విలువను భర్తీ చేస్తుంది. ఈ పద్ధతి లెక్కించదగిన లక్షణాలను మాత్రమే కాపీ చేస్తుందని గమనించండి, కాబట్టి ఇది వస్తువు యొక్క నమూనా నుండి సంక్రమించిన లక్షణాలను కాపీ చేయదు.
వాక్యనిర్మాణం
రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్లను విలీనం చేయడానికి అందించిన సింటాక్స్ను అనుసరించండి:
targetObject = Object.assign ( obj1, obj2, ... ) ;ఉదాహరణ
ఒక వస్తువును సృష్టించండి ' సమాచారం ”:
ఎక్కడ సమాచారం = {పేరు: 'జెన్నీ' ,
వయస్సు: 24 ,
రోల్నో: పదిహేను
} ;
రెండవ వస్తువును సృష్టించండి ' కార్యకలాపాలు ” కింది కీ-జతలతో:
var కార్యకలాపాలు = {ఆట: 'క్రికెట్' ,
వ్యాయామం: 'యోగా'
} ;
కాల్ చేయండి' Object.assign() '' యొక్క లక్షణాలను విలీనం చేసే పద్ధతి సమాచారం 'మరియు' కార్యకలాపాలు '' అనే కొత్త వస్తువులో విద్యార్థి ”:
var student = Object.assign ( సమాచారం, కార్యకలాపాలు ) ;వస్తువు యొక్క లక్షణాలను ముద్రించండి ' విద్యార్థి 'ఉపయోగించి' console.log() 'పద్ధతి:
console.log ( విద్యార్థి ) ;అవుట్పుట్ వస్తువుల లక్షణాలను సూచిస్తుంది ' సమాచారం 'మరియు' కార్యకలాపాలు 'కొత్త వస్తువులో విజయవంతంగా విలీనం చేయబడ్డాయి' విద్యార్థి ”:
విధానం 2: స్ప్రెడ్ ఆపరేటర్ని ఉపయోగించి డైనమిక్గా రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్ల లక్షణాలను విలీనం చేయడం/కలిపడం
రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్లను విలీనం చేయడానికి మరొక విధానం ఉంది, ఇది ' స్ప్రెడ్ ఆపరేటర్ ”. వస్తువుల నుండి అన్ని లక్షణాలను కాపీ చేయడం ద్వారా వస్తువులను విలీనం చేయడానికి ఇది సాధారణంగా ఉపయోగించే విధానం. రెండు వస్తువులు ఒకే పేరుతో ఆస్తిని కలిగి ఉంటే, కుడి వైపున ఉన్న ఆబ్జెక్ట్ ప్రాపర్టీ మునుపటి దాన్ని భర్తీ చేస్తుంది.
వాక్యనిర్మాణం
స్ప్రెడ్ ఆపరేటర్ సహాయంతో రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్ల లక్షణాలను విలీనం చేయడానికి క్రింది సింటాక్స్ ఉపయోగించబడుతుంది:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;ఉదాహరణ
కొత్త వస్తువును సృష్టించండి ' విద్యార్థి 'మరియు వస్తువుల లక్షణాలను విలీనం చేయండి' సమాచారం 'మరియు' కార్యకలాపాలు స్ప్రెడ్ ఆపరేటర్ని ఉపయోగిస్తున్న విద్యార్థిలో … ”:
విద్యార్థి = {... సమాచారం, ... కార్యకలాపాలు
} ;
అవుట్పుట్
జావాస్క్రిప్ట్లో ఆబ్జెక్ట్లను విలీనం చేయడానికి సంబంధించిన మొత్తం సమాచారాన్ని మేము అందించాము.
ముగింపు
జావాస్క్రిప్ట్లో ఆబ్జెక్ట్ల లక్షణాలను విలీనం చేయడానికి/కలిపేందుకు, “ని ఉపయోగించండి Object.assign() 'పద్ధతి లేదా' స్ప్రెడ్ ఆపరేటర్ ”. స్ప్రెడ్ ఆపరేటర్ అనేది జావాస్క్రిప్ట్ ఆబ్జెక్ట్ల లక్షణాలను విలీనం చేయడానికి సాధారణంగా ఉపయోగించే విధానం. రెండు ఆబ్జెక్ట్లలో ఒకే లక్షణం ఉన్నట్లయితే, రెండవ ఆబ్జెక్ట్ యొక్క విలువ మొదటి దాని నుండి విలువను భర్తీ చేస్తుంది. ఈ పోస్ట్లో, రెండు జావాస్క్రిప్ట్ ఆబ్జెక్ట్ల లక్షణాలను డైనమిక్గా విలీనం చేసే/కలిపే పద్ధతులను మేము వివరించాము.