Αυτή η ανάρτηση δείχνει τη μέθοδο αποθήκευσης 'key()' σε JavaScript.
Τι κάνει η μέθοδος Storage key() στο JavaScript;
Ο ' κλειδί() Η μέθοδος ' συσχετίζεται με το αντικείμενο αποθήκευσης που ανακτά το όνομα κλειδιού που τοποθετείται στο καθορισμένο ευρετήριο. Το αντικείμενο 'αποθήκευσης' μπορεί να είναι το ' τοπικός 'ή το ' συνεδρία ' αποθήκευση. Επιτρέπει στους χρήστες να έχουν πρόσβαση τόσο στο τοπικό όσο και στο κλειδί αποθήκευσης περιόδου λειτουργίας.
Σύνταξη (Για τοπικό χώρο αποθήκευσης)
τοπική αποθήκευση. κλειδί ( δείκτης ) ;
Η παραπάνω σύνταξη δέχεται μία παράμετρο ' δείκτης ' που επιστρέφει το όνομα του κλειδιού σε ένα δεδομένο ευρετήριο.
Σύνταξη (για αποθήκευση περιόδου σύνδεσης)
sessionStorage. κλειδί ( δείκτης ) ;
Η παραπάνω σύνταξη υποστηρίζει επίσης την παράμετρο 'index' όπως και το 'localStorage'.
Και οι δύο παραπάνω συντακτικές επιστρέφουν το όνομα κλειδιού του αντικειμένου αποθήκευσης ως συμβολοσειρά. Ας τα εφαρμόσουμε και τα δύο ένα προς ένα.
Παράδειγμα 1: Εφαρμογή της μεθόδου 'κλειδί()' αποθήκευσης για την ανάκτηση του καθορισμένου ονόματος κλειδιού τοπικής αποθήκευσης
Αυτό το παράδειγμα εξηγεί την πρακτική εφαρμογή της μεθόδου αποθήκευσης 'key()' για να λάβετε το όνομα κλειδιού αποθήκευσης τοπικού καθορισμένου ευρετηρίου.
Κώδικας HTML
Πρώτα, ρίξτε μια ματιά στον δεδομένο κώδικα HTML:
< h2 > Κλειδί αποθήκευσης ( ) Μέθοδος σε JavaScript h2 >< κουμπί κάνοντας κλικ = 'myFunc()' > Αποκτήστε το καθορισμένο τοπικό κλειδί αποθήκευσης κουμπί >
< p id = 'διαδήλωση' Π >
Στο παραπάνω απόσπασμα κώδικα:
- Πρώτα, καθορίστε μια υπότιτλου μέσω του ' ετικέτα '.
- Στη συνέχεια, προσθέστε ένα κουμπί με τη βοήθεια του ' <κουμπί> 'ετικέτα που περιλαμβάνει ένα ' στο κλικ 'συμβάν για την εκτέλεση της συνάρτησης' myFunc() ' στο κουμπί κάντε κλικ.
- Τέλος, δημιουργήστε μια κενή παράγραφο μέσω του ' ετικέτα που μπορεί εύκολα να προσπελαστεί μέσω του εκχωρημένου αναγνωριστικού «demo».
Κώδικας JavaScript
Στη συνέχεια, προχωρήστε με τον παρακάτω κωδικό:
< γραφή >τοπική αποθήκευση. setItem ( 'Δικτυακός τόπος' , 'Linux' ) ;
τοπική αποθήκευση. setItem ( 'First Tutorial' , 'HTML' ) ;
τοπική αποθήκευση. setItem ( 'Δεύτερο σεμινάριο' , 'JavaScript' ) ;
λειτουργία myFunc ( ) {
υπάρχει x = τοπική αποθήκευση. κλειδί ( 1 ) ;
έγγραφο. getElementById ( 'διαδήλωση' ) . innerHTML = Χ ;
}
γραφή >
Στο παραπάνω μπλοκ κώδικα:
- Ο ' τοπική αποθήκευση 'η ιδιοκτησία σχετίζεται με την ' setItem() ' μέθοδος για να ορίσετε τα καθορισμένα στοιχεία τοπικής αποθήκευσης.
- Στη συνέχεια, η συνάρτηση με το όνομα ' myFunc() ' ορίζεται.
- Στον ορισμό του, το « κλειδί() 'η μέθοδος σχετίζεται με το ' τοπική αποθήκευση ιδιότητα για να λάβετε το όνομα κλειδιού του πρώτου ευρετηρίου.
- Μετά από αυτό, το « document.getElementById() Η μέθοδος ' εφαρμόζεται για πρόσβαση στην κενή παράγραφο χρησιμοποιώντας το αναγνωριστικό 'demo' της για να την προσαρτήσετε με το κλειδί τοπικού στοιχείου αποθήκευσης 'όνομα'.
Παραγωγή
Όπως φαίνεται, η έξοδος εμφανίζει το όνομα κλειδιού του τοπικού στοιχείου αποθήκευσης .e. “SecondTutorial” στο πρώτο ευρετήριο ακολουθώντας την αλφαβητική σειρά με το πάτημα του κουμπιού.
Παράδειγμα 2: Εφαρμογή της μεθόδου 'key()' αποθήκευσης για να λάβετε το όνομα κλειδιού αποθήκευσης καθορισμένης περιόδου λειτουργίας
Σε αυτό το παράδειγμα, η μέθοδος Storage 'key()' επιστρέφει το όνομα του κλειδιού αποθήκευσης περιόδου λειτουργίας με ένα συγκεκριμένο ευρετήριο.
Κώδικας HTML
Πρώτα, περάστε από τον ακόλουθο κώδικα HTML:
< h2 > Κλειδί αποθήκευσης ( ) Μέθοδος σε JavaScript h2 >< κουμπί κάνοντας κλικ = 'myFunc()' > Αποκτήστε το κλειδί αποθήκευσης καθορισμένης περιόδου λειτουργίας κουμπί >
< p id = 'διαδήλωση' Π >
Ο παραπάνω κώδικας είναι ίδιος με το Παράδειγμα 1, αλλά με μερικές ενημερώσεις στο περιεχόμενο HTML.
Κώδικας JavaScript
Στη συνέχεια, προχωρήστε στον παρακάτω κώδικα:
< γραφή >sessionStorage. setItem ( 'Δικτυακός τόπος' , 'Linux' ) ;
sessionStorage. setItem ( 'Πρώτα' , 'HTML' ) ;
sessionStorage. setItem ( 'Δεύτερος' , 'JavaScript' ) ;
λειτουργία myFunc ( ) {
υπάρχει x = sessionStorage. κλειδί ( 2 ) ;
έγγραφο. getElementById ( 'διαδήλωση' ) . innerHTML = Χ ;
}
γραφή >
Εδώ, τα στοιχεία αποθήκευσης περιόδου λειτουργίας δημιουργούνται χρησιμοποιώντας το ' sessionStorage ' ακίνητο και στη συνέχεια το ' κλειδί() Η μέθοδος ' εφαρμόζεται για να λάβετε το καθορισμένο όνομα κλειδιού αποθήκευσης περιόδου λειτουργίας ευρετηρίου του δεύτερου ευρετηρίου.
Παραγωγή
Σε αυτό το αποτέλεσμα, η μέθοδος 'key()' εμφάνισε το όνομα κλειδιού του στοιχείου αποθήκευσης περιόδου λειτουργίας που είναι αποθηκευμένο στο δεύτερο ευρετήριο. Η διαδικασία αναζήτησης για το όνομα του κλειδιού αποθήκευσης ακολουθεί την αλφαβητική σειρά που ξεκινά η αναζήτηση από το ' 0 ” ευρετήριο.
συμπέρασμα
Η JavaScript παρέχει τον χώρο αποθήκευσης ' κλειδί() ' μέθοδος για να λάβετε το όνομα κλειδιού με το συγκεκριμένο ευρετήριο και των δύο ' τοπικός ' και το ' συνεδρία ” αντικείμενα αποθήκευσης. Αναζητά το καθορισμένο όνομα κλειδιού στο χώρο αποθήκευσης και, στη συνέχεια, εμφανίζει το όνομά του στο DOM (Document Object Model). Απαιτείται μόνο η παράμετρος «δείκτης» για την εκτέλεση αυτής της εργασίας. Αυτή η ανάρτηση επεξηγεί λεπτομερώς τη λειτουργία της μεθόδου 'key()' της αποθήκευσης JavaScript.