Acest tutorial va demonstra abordările pentru modificarea valorii unui obiect în interiorul unui tablou în JavaScript.
Cum se modifică/actualizează valoarea unui obiect care se află în interiorul unei matrice folosind JavaScript?
Pentru a modifica valoarea unui obiect care se află în interiorul unei matrice, utilizați următoarele metode predefinite JavaScript:
Metoda 1: Modificați valoarea obiectului care se află în interiorul unei matrice folosind metoda „findIndex()”
Pentru a modifica valoarea unui obiect din matrice, utilizați „ findIndex() ” metoda. Această metodă găsește indexul elementului într-o matrice care îndeplinește anumite condiții. Pentru a specifica condiția, folosește o funcție de apel invers.
Sintaxă
Urmați sintaxa dată pentru modificarea valorii unui obiect folosind metoda findIndex():
arrayObject. findIndex ( obj => {
//condiție
} ) ;
Exemplu
Creați o matrice care conține diferite obiecte:
a fost arrObj = [ { id : 5 , Nume : 'Mayer' , vârstă : 25 } ,
{ id : 9 , Nume : 'Paul' , vârstă : 26 } ,
{ id : 12 , Nume : 'Steven' , vârstă : douăzeci } ]
Apelați metoda findIndex() cu funcția de apel invers care verifică id-ul obiectelor echivalent cu „ 12 ”, și stochează indexul obiectului într-o variabilă „ getIndex ”:
const getIndex = arrObj. findIndex ( obj => {întoarcere obj. id === 12 ;
} ) ;
Schimbați valoarea proprietății „ vârstă ” de obiect:
arrObj [ getIndex ] . vârstă = 24 ;
În cele din urmă, imprimați matricea actualizată de obiecte pe consolă:
consolă. Buturuga ( „Matricea de obiect actualizată este:” ) ;consolă. Buturuga ( arrObj ) ;
Ieșirea indică faptul că valoarea „ vârstă ” al obiectului al cărui id este 12 a fost schimbat cu succes din ” douăzeci ' la ' 24 ”:
Metoda 2: Modificați valoarea obiectului care se află în interiorul unei matrice folosind metoda „map()” cu operatorul Spread
Utilizați „ Hartă() ” metoda cu “ operator de răspândire ” pentru modificarea valorii obiectului din interiorul unui tablou. „map()” este utilizat pentru a crea o nouă matrice prin apelarea unei funcții pe fiecare element dintr-o matrice existentă. În timp ce operatorul de răspândire permite să răspândească sau să copieze elemente de matrice într-o matrice nouă sau argumentele unui apel de funcție. Metoda „map()” nu modifică/schimbă matricea originală, dar emite o nouă matrice cu elementele modificate.
Sintaxă
Pentru a modifica valoarea unui obiect folosind metoda map() cu operatorul de răspândire, utilizați următoarea sintaxă:
dacă ( condiție ) {
întoarcere { ... obj , cheie : valoare nouă } ;
}
întoarcere obj ;
} ) ;
Exemplu
Apelați metoda map() cu operatorul spread pentru a schimba numele obiectului al cărui id este „ 9 ”:
dacă ( obj. id === 9 ) {
întoarcere { ... obj , Nume : 'Alice' } ;
}
întoarcere obj ;
} ) ;
Tipăriți matricea modificată a obiectului pe consolă:
consolă. Buturuga ( newObjectArr ) ;Proprietatea ' Nume ” al obiectului al cărui id este “ 9 ” a fost schimbat din ” Paul ' la ' Alice ”:
Metoda 3: Modificați valoarea obiectului care se află în interiorul unei matrice folosind metoda „find()”
Pentru a modifica valoarea unui obiect în interiorul unui tablou, utilizați „ găsi() ” metoda. Este utilizat pentru a găsi elementul dintr-o matrice care îndeplinește o anumită condiție. Acesta scoate valoarea elementului dacă îndeplinește condiția. În caz contrar, dă „ nedefinit ”, indicând că nu este găsit un astfel de element.
Sintaxă
Utilizați sintaxa dată pentru metoda find() pentru a găsi elementul într-o matrice:
//condiție
} ) ;
Exemplu
Invocați metoda find() pentru a găsi obiectul al cărui id este „ 5 ” și stocați obiectul într-o variabilă ” findIndex ”:
întoarcere obj. id === 5 ;
} ) ;
Verificați dacă variabila „findIndex” nu este egală cu „ nedefinit ” înseamnă, dacă obiectul este găsit, modificați valoarea proprietății ” Nume ” al obiectului:
dacă ( findIndex !== nedefinit ) {findIndex. Nume = 'Ioan' ;
}
În cele din urmă, imprimați obiectul pe consolă:
consolă. Buturuga ( findIndex ) ;Ieșirea afișează doar obiectul specificat prin modificarea valorii acestuia:
Metoda 4: Modificați valoarea obiectului care se află în interiorul unei matrice folosind bucla „for-of”
De asemenea, puteți folosi „ pentru-de ” bucla pentru modificarea valorii unui obiect din interiorul matricei. Este folosit pentru a itera peste matricea de obiecte și pentru a verifica condiția de a schimba valoarea obiectului. După accesarea și modificarea valorii obiectului, terminați bucla folosind butonul „ pauză ” cuvânt cheie.
Sintaxă
Urmați sintaxa dată pentru bucla „for-of”:
dacă ( condiție ) {
//afirmație
pauză ;
}
}
Exemplu
Utilizați bucla for-of și verificați obiectul al cărui id este „ 5 ” și schimbați „ vârstă ' la ' 27 ”:
dacă ( obj. id === 5 ) {
obj. vârstă = 27 ;
pauză ;
}
}
Imprimați obiectul actualizat în interiorul matricei de pe consolă:
consolă. Buturuga ( arrObj ) ;Ieșire
Am adunat toate informațiile esențiale relevante pentru valoarea în schimbare a unui obiect care se află în interiorul matricei în JavaScript.
Concluzie
Pentru a modifica valoarea unui obiect care se află în interiorul unei matrice, utilizați metodele predefinite JavaScript, inclusiv „ findIndex() ,” Hartă() „metoda cu „ operator de răspândire ”, “ găsi() ” sau metoda “ pentru-de ” buclă. Aceste metode au schimbat cu succes valorile unui obiect în interiorul unui tablou. Acest tutorial a demonstrat diferitele abordări pentru modificarea valorii unui obiect care se află într-o matrice în JavaScript.