Deze zelfstudie demonstreert de benaderingen voor het wijzigen van de waarde van een object in een array in JavaScript.
Hoe de waarde van een object in een array wijzigen/bijwerken met behulp van JavaScript?
Gebruik de volgende vooraf gedefinieerde JavaScript-methoden om de waarde van een object in een array te wijzigen:
Methode 1: Wijzig de waarde van het object dat zich in een array bevindt met behulp van de methode 'findIndex()'.
Om de waarde van een object in de array te wijzigen, gebruikt u de ' vindIndex() ” methode. Deze methode vindt de index van het element in een array die aan de bepaalde voorwaarde voldoet. Voor het specificeren van de voorwaarde gebruikt het een callback-functie.
Syntaxis
Volg de gegeven syntaxis voor het wijzigen van de waarde van een object met behulp van de methode findIndex():
arrayObject. vindIndex ( obj => {
//voorwaarde
} ) ;
Voorbeeld
Maak een array die verschillende objecten bevat:
was arrObj = [ { ID kaart : 5 , naam : 'Mayer' , leeftijd : 25 } ,
{ ID kaart : 9 , naam : 'Paulus' , leeftijd : 26 } ,
{ ID kaart : 12 , naam : 'Steven' , leeftijd : twintig } ]
Roep de methode findIndex() aan met de callback-functie die de id controleert van objecten die equivalent zijn aan ' 12 ”, en sla de index van het object op in een variabele “ getIndex ”:
const getIndex = arrObj. vindIndex ( obj => {opbrengst obj. ID kaart === 12 ;
} ) ;
Wijzig de waarde van het onroerend goed “ leeftijd ” van voorwerp:
arrObj [ getIndex ] . leeftijd = 24 ;
Druk ten slotte de bijgewerkte reeks objecten op de console af:
troosten. loggen ( 'De bijgewerkte objectarray is:' ) ;troosten. loggen ( arrObj ) ;
De uitvoer geeft aan dat de waarde van ' leeftijd ' van het object waarvan de id 12 is, is met succes gewijzigd van ' twintig ' naar ' 24 ”:
Methode 2: Wijzig de waarde van het object dat zich in een array bevindt met behulp van de 'map()'-methode met de spread-operator
Gebruik de ' kaart() ” methode met de “ spread-operator ” voor het wijzigen van de waarde van het object in een array. 'map()' wordt gebruikt voor het maken van een nieuwe array door een functie aan te roepen op elk element van een bestaande array. Terwijl de spread-operator het mogelijk maakt om array-elementen te verspreiden of te kopiëren naar een nieuwe array of de argumenten van een functieaanroep. De methode 'map()' wijzigt/wijzigt de oorspronkelijke array niet, maar geeft een nieuwe array met de gewijzigde elementen weer.
Syntaxis
Gebruik de volgende syntaxis om de waarde van een object te wijzigen met de methode map() met de spread-operator:
als ( voorwaarde ) {
opbrengst { ... obj , sleutel : nieuwe waarde } ;
}
opbrengst obj ;
} ) ;
Voorbeeld
Roep de methode map() aan met de spread-operator om de naam te wijzigen van het object waarvan de id ' 9 ”:
als ( obj. ID kaart === 9 ) {
opbrengst { ... obj , naam : 'Alice' } ;
}
opbrengst obj ;
} ) ;
Print de gewijzigde array van het object op de console:
troosten. loggen ( nieuwObjectArr ) ;Het eigendom ' naam ” van het object waarvan de id is “ 9 ” is veranderd van “ Paulus ' naar ' Alice ”:
Methode 3: Wijzig de waarde van het object dat zich in een array bevindt met behulp van de 'find()'-methode
Gebruik voor het wijzigen van de waarde van een object binnen een array de ' vinden() ” methode. Het wordt gebruikt om het element in een array te vinden dat aan een bepaalde voorwaarde voldoet. Het voert de waarde van het element uit als het aan de voorwaarde voldoet. Anders geeft het “ ongedefinieerd , ” wat aangeeft dat een dergelijk element niet is gevonden.
Syntaxis
Gebruik de gegeven syntaxis voor de methode find() om het element in een array te vinden:
//voorwaarde
} ) ;
Voorbeeld
Roep de methode find() aan om het object te vinden waarvan de id ' 5 ” en sla het object op in een variabele “ vindIndex ”:
opbrengst obj. ID kaart === 5 ;
} ) ;
Controleer of de variabele 'findIndex' niet gelijk is aan ' ongedefinieerd ” betekent, als het object gevonden is, verander de waarde van de eigenschap “ naam ” van het voorwerp:
als ( vindIndex !== ongedefinieerd ) {vindIndex. naam = 'John' ;
}
Druk ten slotte het object op de console af:
troosten. loggen ( vindIndex ) ;De uitvoer geeft alleen het opgegeven object weer door de waarde ervan te wijzigen:
Methode 4: Wijzig de waarde van het object dat zich in een array bevindt met behulp van de 'for-of'-lus
U kunt ook de ' voor-van ” lus voor het wijzigen van de waarde van een object in de array. Het wordt gebruikt om de reeks objecten te doorlopen en de voorwaarde te controleren om de waarde van het object te wijzigen. Nadat u de waarde van het object hebt geopend en gewijzigd, beëindigt u de lus met de ' pauze ' sleutelwoord.
Syntaxis
Volg de gegeven syntaxis voor de 'for-of' -lus:
als ( voorwaarde ) {
//stelling
pauze ;
}
}
Voorbeeld
Gebruik de for-of-lus en controleer het object waarvan de id ' 5 ” en verander de “ leeftijd ' naar ' 27 ”:
als ( obj. ID kaart === 5 ) {
obj. leeftijd = 27 ;
pauze ;
}
}
Print het bijgewerkte object in de array op de console:
troosten. loggen ( arrObj ) ;Uitgang
We hebben alle essentiële informatie verzameld die relevant is voor de veranderende waarde van een object dat zich in de array in JavaScript bevindt.
Conclusie
Om de waarde te wijzigen van een object dat zich in een array bevindt, gebruikt u de vooraf gedefinieerde JavaScript-methoden, waaronder de ' vindIndex() , “ kaart() ” methode met “ spread-operator ”, “ vinden() ” methode, of de “ voor-van ” lus. Deze methoden hebben met succes de waarden van een object binnen een array gewijzigd. Deze zelfstudie demonstreerde de verschillende benaderingen voor het wijzigen van de waarde van een object dat zich in een array in JavaScript bevindt.