Αυτό το σεμινάριο θα δείξει τις προσεγγίσεις για την αλλαγή της τιμής ενός αντικειμένου μέσα σε έναν πίνακα σε JavaScript.
Πώς να αλλάξετε/ενημερώσετε την τιμή ενός αντικειμένου που βρίσκεται μέσα σε έναν πίνακα χρησιμοποιώντας JavaScript;
Για να αλλάξετε την τιμή ενός αντικειμένου που βρίσκεται μέσα σε έναν πίνακα, χρησιμοποιήστε τις ακόλουθες προκαθορισμένες μεθόδους JavaScript:
Μέθοδος 1: Αλλαγή τιμής αντικειμένου που βρίσκεται μέσα σε πίνακα χρησιμοποιώντας τη μέθοδο 'findIndex()'
Για να αλλάξετε την τιμή ενός αντικειμένου μέσα στον πίνακα, χρησιμοποιήστε το ' findIndex() 'μέθοδος. Αυτή η μέθοδος βρίσκει το ευρετήριο του στοιχείου σε έναν πίνακα που πληροί τη συγκεκριμένη συνθήκη. Για τον καθορισμό της συνθήκης, χρησιμοποιεί μια συνάρτηση επανάκλησης.
Σύνταξη
Ακολουθήστε τη δεδομένη σύνταξη για την αλλαγή της τιμής ενός αντικειμένου χρησιμοποιώντας τη μέθοδο findIndex():
arrayObject. Εύρεση Ευρετηρίου ( αντικ => {
//κατάσταση
} ) ;
Παράδειγμα
Δημιουργήστε έναν πίνακα που περιέχει διαφορετικά αντικείμενα:
ήταν arrObj = [ { ταυτότητα : 5 , όνομα : 'Mayer' , ηλικία : 25 } ,
{ ταυτότητα : 9 , όνομα : 'Παύλος' , ηλικία : 26 } ,
{ ταυτότητα : 12 , όνομα : 'Στίβεν' , ηλικία : είκοσι } ]
Καλέστε τη μέθοδο findIndex() με τη συνάρτηση επιστροφής κλήσης που ελέγχει το αναγνωριστικό των αντικειμένων που ισοδυναμεί με ' 12 ' και αποθηκεύστε το ευρετήριο του αντικειμένου σε μια μεταβλητή ' getIndex ”:
συνθ getIndex = arrObj. Εύρεση Ευρετηρίου ( αντικ => {ΕΠΙΣΤΡΟΦΗ αντικ. ταυτότητα === 12 ;
} ) ;
Αλλάξτε την αξία του ακινήτου ' ηλικία ” του αντικειμένου:
arrObj [ getIndex ] . ηλικία = 24 ;
Τέλος, εκτυπώστε τον ενημερωμένο πίνακα αντικειμένων στην κονσόλα:
κονσόλα. κούτσουρο ( 'Ο ενημερωμένος πίνακας αντικειμένων είναι:' ) ;κονσόλα. κούτσουρο ( arrObj ) ;
Η έξοδος δείχνει ότι η τιμή του ' ηλικία Το ' του αντικειμένου του οποίου το αναγνωριστικό είναι 12 έχει αλλάξει με επιτυχία από ' είκοσι ' προς την ' 24 ”:
Μέθοδος 2: Αλλάξτε την τιμή του αντικειμένου που βρίσκεται μέσα σε έναν πίνακα χρησιμοποιώντας τη μέθοδο 'map()' με τελεστή Spread
Χρησιμοποιήστε το ' χάρτης() μέθοδος με το « χειριστή spread ” για την αλλαγή της τιμής του αντικειμένου μέσα σε έναν πίνακα. Το 'map()' χρησιμοποιείται για τη δημιουργία ενός νέου πίνακα καλώντας μια συνάρτηση σε κάθε στοιχείο ενός υπάρχοντος πίνακα. Ενώ ο τελεστής spread επιτρέπει την εξάπλωση ή την αντιγραφή στοιχείων πίνακα σε έναν νέο πίνακα ή τα ορίσματα μιας κλήσης συνάρτησης. Η μέθοδος “map()” δεν τροποποιεί/αλλάζει τον αρχικό πίνακα, αλλά βγάζει έναν νέο πίνακα με τα τροποποιημένα στοιχεία.
Σύνταξη
Για να αλλάξετε την τιμή ενός αντικειμένου χρησιμοποιώντας τη μέθοδο map() με τον τελεστή spread, χρησιμοποιήστε την ακόλουθη σύνταξη:
αν ( κατάσταση ) {
ΕΠΙΣΤΡΟΦΗ { ... αντικ , κλειδί : newValue } ;
}
ΕΠΙΣΤΡΟΦΗ αντικ ;
} ) ;
Παράδειγμα
Καλέστε τη μέθοδο map() με τελεστή spread για να αλλάξετε το όνομα του αντικειμένου του οποίου το αναγνωριστικό είναι ' 9 ”:
αν ( αντικ. ταυτότητα === 9 ) {
ΕΠΙΣΤΡΟΦΗ { ... αντικ , όνομα : 'Αλίκη' } ;
}
ΕΠΙΣΤΡΟΦΗ αντικ ;
} ) ;
Εκτυπώστε τον τροποποιημένο πίνακα του αντικειμένου στην κονσόλα:
κονσόλα. κούτσουρο ( newObjectArr ) ;Η ιδιοκτησία ' όνομα ' του αντικειμένου του οποίου το αναγνωριστικό είναι ' 9 'Έχει αλλάξει από ' Παύλος ' προς την ' Αλίκη ”:
Μέθοδος 3: Αλλαγή της τιμής του αντικειμένου που βρίσκεται μέσα σε έναν πίνακα χρησιμοποιώντας τη μέθοδο 'find()'
Για να αλλάξετε την τιμή ενός αντικειμένου μέσα σε έναν πίνακα, χρησιμοποιήστε το ' εύρημα() 'μέθοδος. Χρησιμοποιείται για την εύρεση του στοιχείου σε έναν πίνακα που πληροί μια δεδομένη συνθήκη. Εξάγει την τιμή του στοιχείου εάν ικανοποιεί τη συνθήκη. Διαφορετικά, δίνει ' απροσδιόριστος », υποδεικνύοντας ότι δεν βρέθηκε τέτοιο στοιχείο.
Σύνταξη
Χρησιμοποιήστε τη δεδομένη σύνταξη για τη μέθοδο find() για να βρείτε το στοιχείο σε έναν πίνακα:
//κατάσταση
} ) ;
Παράδειγμα
Καλέστε τη μέθοδο find() για να βρείτε το αντικείμενο του οποίου το αναγνωριστικό είναι ' 5 ' και αποθηκεύστε το αντικείμενο σε μια μεταβλητή ' Εύρεση Ευρετηρίου ”:
ΕΠΙΣΤΡΟΦΗ αντικ. ταυτότητα === 5 ;
} ) ;
Ελέγξτε εάν η μεταβλητή 'findIndex' δεν είναι ίση με ' απροσδιόριστος ' σημαίνει, εάν βρεθεί το αντικείμενο, αλλάξτε την τιμή της ιδιότητας ' όνομα » του αντικειμένου:
αν ( Εύρεση Ευρετηρίου !== απροσδιόριστος ) {Εύρεση Ευρετηρίου. όνομα = 'Γιάννης' ;
}
Τέλος, εκτυπώστε το αντικείμενο στην κονσόλα:
κονσόλα. κούτσουρο ( Εύρεση Ευρετηρίου ) ;Η έξοδος εμφανίζει μόνο το καθορισμένο αντικείμενο αλλάζοντας την τιμή του:
Μέθοδος 4: Αλλαγή τιμής αντικειμένου που βρίσκεται μέσα σε πίνακα χρησιμοποιώντας βρόχο 'for-of'
Μπορείτε επίσης να χρησιμοποιήσετε το ' for-of ” βρόχος για την αλλαγή της τιμής ενός αντικειμένου μέσα στον πίνακα. Χρησιμοποιείται για την επανάληψη πάνω από τον πίνακα των Αντικειμένων και τον έλεγχο της συνθήκης για την αλλαγή της τιμής του αντικειμένου. Αφού αποκτήσετε πρόσβαση και αλλάξετε την τιμή του αντικειμένου, τερματίστε τον βρόχο χρησιμοποιώντας το ' Διακοπή λέξη-κλειδί.
Σύνταξη
Ακολουθήστε τη δεδομένη σύνταξη για τον βρόχο 'for-of':
αν ( κατάσταση ) {
//δήλωση
Διακοπή ;
}
}
Παράδειγμα
Χρησιμοποιήστε τον βρόχο for-of και ελέγξτε το αντικείμενο του οποίου το αναγνωριστικό είναι ' 5 ' και αλλάξτε το ' ηλικία ' προς την ' 27 ”:
αν ( αντικ. ταυτότητα === 5 ) {
αντικ. ηλικία = 27 ;
Διακοπή ;
}
}
Εκτυπώστε το ενημερωμένο αντικείμενο μέσα στον πίνακα στην κονσόλα:
κονσόλα. κούτσουρο ( arrObj ) ;Παραγωγή
Συγκεντρώσαμε όλες τις βασικές πληροφορίες που σχετίζονται με την μεταβαλλόμενη τιμή ενός αντικειμένου που βρίσκεται μέσα στον πίνακα στο JavaScript.
συμπέρασμα
Για να αλλάξετε την τιμή ενός αντικειμένου που βρίσκεται μέσα σε έναν πίνακα, χρησιμοποιήστε τις προκαθορισμένες μεθόδους JavaScript, συμπεριλαμβανομένων των ' findIndex() , ' χάρτης() 'μέθοδος με ' χειριστή spread », « εύρημα() 'μέθοδος ή η ' for-of ” βρόχος. Αυτές οι μέθοδοι άλλαξαν με επιτυχία τις τιμές ενός αντικειμένου μέσα σε έναν πίνακα. Αυτό το σεμινάριο παρουσίασε τις διαφορετικές προσεγγίσεις για την αλλαγή της τιμής ενός αντικειμένου που βρίσκεται μέσα σε έναν πίνακα σε JavaScript.