ఈ ట్యుటోరియల్ జావాస్క్రిప్ట్లోని శ్రేణిలోని వస్తువు విలువను మార్చడానికి విధానాలను ప్రదర్శిస్తుంది.
జావాస్క్రిప్ట్ని ఉపయోగించి అర్రే లోపల ఉన్న వస్తువు విలువను ఎలా మార్చాలి/నవీకరించాలి?
శ్రేణి లోపల ఉన్న వస్తువు యొక్క విలువను మార్చడానికి, కింది జావాస్క్రిప్ట్ ముందే నిర్వచించిన పద్ధతులను ఉపయోగించండి:
విధానం 1: “findIndex()” పద్ధతిని ఉపయోగించి అర్రే లోపల ఉన్న వస్తువు విలువను మార్చండి
శ్రేణి లోపల ఉన్న వస్తువు విలువను మార్చడానికి, “ని ఉపయోగించండి కనుగొను సూచిక() ” పద్ధతి. ఈ పద్ధతి నిర్దిష్ట షరతును నెరవేర్చే శ్రేణిలో మూలకం యొక్క సూచికను కనుగొంటుంది. పరిస్థితిని పేర్కొనడం కోసం, ఇది కాల్బ్యాక్ ఫంక్షన్ను ఉపయోగిస్తుంది.
వాక్యనిర్మాణం
findIndex() పద్ధతిని ఉపయోగించి వస్తువు విలువను మార్చడానికి ఇచ్చిన సింటాక్స్ని అనుసరించండి:
అర్రేఆబ్జెక్ట్. కనుగొను సూచిక ( obj => {
//పరిస్థితి
} ) ;
ఉదాహరణ
విభిన్న వస్తువులను కలిగి ఉన్న శ్రేణిని సృష్టించండి:
ఉంది arrObj = [ { id : 5 , పేరు : 'మేయర్' , వయస్సు : 25 } ,
{ id : 9 , పేరు : 'పాల్' , వయస్సు : 26 } ,
{ id : 12 , పేరు : 'స్టీవెన్' , వయస్సు : ఇరవై } ]
“కి సమానమైన ఆబ్జెక్ట్ల ఐడిని తనిఖీ చేసే కాల్బ్యాక్ ఫంక్షన్తో findIndex() పద్ధతికి కాల్ చేయండి 12 ”, మరియు వస్తువు యొక్క సూచికను వేరియబుల్లో నిల్వ చేయండి” ఇండెక్స్ ”:
స్థిరంగా ఇండెక్స్ = arrObj. కనుగొను సూచిక ( obj => {తిరిగి obj id === 12 ;
} ) ;
ఆస్తి విలువను మార్చండి' వయస్సు 'వస్తువు:
arrObj [ ఇండెక్స్ ] . వయస్సు = 24 ;
చివరగా, కన్సోల్లో అప్డేట్ చేయబడిన వస్తువుల శ్రేణిని ప్రింట్ చేయండి:
కన్సోల్. లాగ్ ( 'ఆబ్జెక్ట్ యొక్క నవీకరించబడిన శ్రేణి:' ) ;కన్సోల్. లాగ్ ( arrObj ) ;
అవుట్పుట్ ' యొక్క విలువను సూచిస్తుంది వయస్సు 'ఐడి 12 ఉన్న ఆబ్జెక్ట్ విజయవంతంగా మార్చబడింది' ఇరవై ' నుండి ' 24 ”:
విధానం 2: స్ప్రెడ్ ఆపరేటర్తో “మ్యాప్()” పద్ధతిని ఉపయోగించి అర్రే లోపల ఉన్న ఆబ్జెక్ట్ విలువను మార్చండి
'ని ఉపయోగించండి మ్యాప్() 'తో పద్ధతి' స్ప్రెడ్ ఆపరేటర్ ”అరే లోపల వస్తువు విలువను మార్చడం కోసం. ఇప్పటికే ఉన్న శ్రేణిలోని ప్రతి మూలకంపై ఒక ఫంక్షన్ని కాల్ చేయడం ద్వారా కొత్త శ్రేణిని సృష్టించడానికి “map()” ఉపయోగించబడుతుంది. స్ప్రెడ్ ఆపరేటర్ శ్రేణి మూలకాలను కొత్త శ్రేణిలోకి లేదా ఫంక్షన్ కాల్ యొక్క ఆర్గ్యుమెంట్లను వ్యాప్తి చేయడానికి లేదా కాపీ చేయడానికి అనుమతిస్తుంది. “మ్యాప్()” పద్ధతి అసలు శ్రేణిని సవరించదు/మార్చదు కానీ సవరించిన మూలకాలతో కొత్త శ్రేణిని అవుట్పుట్ చేస్తుంది.
వాక్యనిర్మాణం
స్ప్రెడ్ ఆపరేటర్తో మ్యాప్() పద్ధతిని ఉపయోగించి ఆబ్జెక్ట్ విలువను మార్చడానికి, కింది వాక్యనిర్మాణాన్ని ఉపయోగించండి:
ఉంటే ( పరిస్థితి ) {
తిరిగి { ... obj , కీ : కొత్త విలువ } ;
}
తిరిగి obj ;
} ) ;
ఉదాహరణ
ఐడి ఉన్న ఆబ్జెక్ట్ పేరును మార్చడానికి స్ప్రెడ్ ఆపరేటర్తో మ్యాప్() పద్ధతికి కాల్ చేయండి ' 9 ”:
ఉంటే ( obj id === 9 ) {
తిరిగి { ... obj , పేరు : 'ఆలిస్' } ;
}
తిరిగి obj ;
} ) ;
కన్సోల్లో ఆబ్జెక్ట్ యొక్క సవరించిన శ్రేణిని ప్రింట్ చేయండి:
కన్సోల్. లాగ్ ( newObjectArr ) ;ఆస్తి ' పేరు 'ఐడి ఉన్న వస్తువు యొక్క' 9 '' నుండి మార్చబడింది పాల్ ' నుండి ' ఆలిస్ ”:
విధానం 3: “find()” పద్ధతిని ఉపయోగించి అర్రే లోపల ఉన్న ఆబ్జెక్ట్ విలువను మార్చండి
శ్రేణిలోని వస్తువు విలువను మార్చడానికి, 'ని ఉపయోగించండి కనుగొను() ” పద్ధతి. ఇచ్చిన షరతును నెరవేర్చే శ్రేణిలోని మూలకాన్ని కనుగొనడానికి ఇది ఉపయోగించబడుతుంది. ఇది పరిస్థితిని సంతృప్తిపరిచినట్లయితే మూలకం యొక్క విలువను అవుట్పుట్ చేస్తుంది. లేకపోతే, అది ఇస్తుంది ' నిర్వచించబడలేదు , ”అటువంటి మూలకం కనుగొనబడలేదు అని సూచిస్తుంది.
వాక్యనిర్మాణం
శ్రేణిలోని మూలకాన్ని కనుగొనడానికి ఫైండ్()పద్ధతి కోసం ఇచ్చిన సింటాక్స్ని ఉపయోగించండి:
//పరిస్థితి
} ) ;
ఉదాహరణ
ఐడి ఉన్న ఆబ్జెక్ట్ను కనుగొనడానికి ఫైండ్() పద్ధతిని అమలు చేయండి ' 5 మరియు వస్తువును వేరియబుల్లో నిల్వ చేయండి కనుగొను సూచిక ”:
తిరిగి obj id === 5 ;
} ) ;
వేరియబుల్ “findIndex”కి సమానం కాదా అని తనిఖీ చేయండి నిర్వచించబడలేదు 'అంటే, వస్తువు కనుగొనబడితే, ఆస్తి విలువను మార్చండి' పేరు 'వస్తువు:
ఉంటే ( కనుగొను సూచిక !== నిర్వచించబడలేదు ) {కనుగొను సూచిక. పేరు = 'జాన్' ;
}
చివరగా, కన్సోల్లో వస్తువును ప్రింట్ చేయండి:
కన్సోల్. లాగ్ ( కనుగొను సూచిక ) ;అవుట్పుట్ దాని విలువను మార్చడం ద్వారా పేర్కొన్న వస్తువును మాత్రమే ప్రదర్శిస్తుంది:
విధానం 4: 'ఫర్-ఆఫ్' లూప్ ఉపయోగించి అర్రే లోపల ఉన్న ఆబ్జెక్ట్ విలువను మార్చండి
మీరు కూడా ఉపయోగించవచ్చు ' కోసం శ్రేణి లోపల వస్తువు యొక్క విలువను మార్చడానికి లూప్. ఇది ఆబ్జెక్ట్ల శ్రేణిని మళ్ళించడానికి మరియు వస్తువు విలువను మార్చడానికి పరిస్థితిని తనిఖీ చేయడానికి ఉపయోగించబడుతుంది. ఆబ్జెక్ట్ విలువను యాక్సెస్ చేసి, మార్చిన తర్వాత, ''ని ఉపయోగించి లూప్ను ముగించండి బ్రేక్ ” కీవర్డ్.
వాక్యనిర్మాణం
'ఫర్-ఆఫ్' లూప్ కోసం ఇచ్చిన సింటాక్స్ను అనుసరించండి:
ఉంటే ( పరిస్థితి ) {
//ప్రకటన
బ్రేక్ ;
}
}
ఉదాహరణ
for-of loopని ఉపయోగించండి మరియు ఆబ్జెక్ట్ ఎవరి ఐడి ఉందో చెక్ చేయండి ' 5 'మరియు మార్చండి' వయస్సు ' నుండి ' 27 ”:
ఉంటే ( obj id === 5 ) {
obj వయస్సు = 27 ;
బ్రేక్ ;
}
}
కన్సోల్లోని శ్రేణి లోపల నవీకరించబడిన వస్తువును ముద్రించండి:
కన్సోల్. లాగ్ ( arrObj ) ;అవుట్పుట్
మేము జావాస్క్రిప్ట్లోని శ్రేణి లోపల ఉన్న వస్తువు యొక్క మారుతున్న విలువకు సంబంధించిన అన్ని ముఖ్యమైన సమాచారాన్ని సేకరించాము.
ముగింపు
శ్రేణి లోపల ఉన్న వస్తువు యొక్క విలువను మార్చడానికి, జావాస్క్రిప్ట్ ముందే నిర్వచించిన పద్ధతులను ఉపయోగించండి, వీటిలో “ కనుగొను సూచిక() ,' మ్యాప్() 'తో పద్ధతి' స్ప్రెడ్ ఆపరేటర్ ',' కనుగొను() 'పద్ధతి, లేదా' కోసం ” లూప్. ఈ పద్ధతులు శ్రేణిలోని వస్తువు విలువలను విజయవంతంగా మార్చాయి. ఈ ట్యుటోరియల్ జావాస్క్రిప్ట్లోని శ్రేణిలో ఉన్న వస్తువు యొక్క విలువను మార్చడానికి వివిధ విధానాలను ప్రదర్శించింది.