Ten post demonstruje metodę Storage „key()” w JavaScript.
Co robi metoda Storage key() w JavaScript?
„ klucz() ” jest powiązana z obiektem Storage, który pobiera nazwę klucza umieszczoną w określonym indeksie. Obiektem „przechowywania” może być „ lokalny ' albo ' sesja ' składowanie. Umożliwia użytkownikom dostęp zarówno do kluczy lokalnych, jak i do przechowywania sesji.
Składnia (dla magazynu lokalnego)
Lokalny magazyn. klucz ( indeks ) ;
Powyższa składnia akceptuje jeden parametr „ indeks ”, która zwraca nazwę klucza o podanym indeksie.
Składnia (do przechowywania sesji)
sesjaPrzechowywanie. klucz ( indeks ) ;
Powyższa składnia obsługuje również parametr „index” taki sam jak „localStorage”.
Obie wyżej zdefiniowane składnie zwracają nazwę klucza obiektu magazynu jako ciąg znaków. Zaimplementujmy oba z nich jeden po drugim.
Przykład 1: Stosowanie metody „key()” magazynu w celu pobrania określonej nazwy klucza magazynu lokalnego
W tym przykładzie wyjaśniono praktyczną implementację metody magazynu „key()” w celu uzyskania nazwy klucza magazynu określonego lokalnie.
Kod HTML
Najpierw spójrz na podany kod HTML:
< h2 > Klucz pamięci ( ) metoda w JavaScript h2 >< przycisk po kliknięciu = 'mojaFunkcja()' > Uzyskaj określony klucz magazynu lokalnego przycisk >
< identyfikator p = 'próbny' > P >
W powyższym fragmencie kodu:
- Najpierw określ podtytuł za pomocą „ ”znacznik.
- Następnie dodaj przycisk za pomocą „
” znacznik zawierający „ na kliknięcie ” zdarzenie do wykonania funkcji „ mojaFunkcja() ” na przycisk kliknij. - Na koniec utwórz pusty akapit za pomocą „ ”, do którego można łatwo uzyskać dostęp poprzez przypisany mu identyfikator „demo”.
Kod JavaScript
Następnie postępuj zgodnie z poniższym kodem:
< scenariusz >Lokalny magazyn. ustaw element ( 'Strona internetowa' , „Linux” ) ;
Lokalny magazyn. ustaw element ( „Pierwszy samouczek” , „HTML” ) ;
Lokalny magazyn. ustaw element ( „Drugi samouczek” , „JavaScript” ) ;
funkcja mojaFunc ( ) {
jest x = Lokalny magazyn. klucz ( 1 ) ;
dokument. getElementById ( 'próbny' ) . wewnętrzny HTML = X ;
}
scenariusz >
W powyższym bloku kodu:
- „ Lokalny magazyn ” właściwość jest powiązana z „ ustaw element() ”, aby ustawić określone elementy pamięci lokalnej.
- Następnie funkcja o nazwie „ mojaFunkcja() ' definiuje.
- W swojej definicji „ klucz() ” jest powiązana z metodą „ Lokalny magazyn ”, aby uzyskać nazwę klucza pierwszego indeksu.
- Następnie „ document.getElementById() Metoda ” jest stosowana w celu uzyskania dostępu do pustego akapitu przy użyciu jego identyfikatora „demo” w celu dołączenia go do klucza elementu magazynu lokalnego „nazwa”.
Wyjście
Jak widać, dane wyjściowe wyświetlają nazwę klucza elementu magazynu lokalnego .e. „SecondTutorial” na pierwszym indeksie, postępując zgodnie z kolejnością alfabetyczną po kliknięciu przycisku.
Przykład 2: Zastosowanie metody Storage „key()” w celu uzyskania określonej nazwy klucza pamięci sesji
W tym przykładzie metoda Storage „key()” zwraca nazwę klucza magazynu sesji z określonym indeksem.
Kod HTML
Najpierw przejrzyj następujący kod HTML:
< h2 > Klucz pamięci ( ) metoda w JavaScript h2 >< przycisk po kliknięciu = 'mojaFunkcja()' > Uzyskaj określony klucz magazynu sesji przycisk >
< identyfikator p = 'próbny' > P >
Powyższy kod jest taki sam jak Przykład 1, ale z kilkoma aktualizacjami w treści HTML.
Kod JavaScript
Następnie przejdź do następującego kodu:
< scenariusz >sesjaPrzechowywanie. ustaw element ( 'Strona internetowa' , „Linux” ) ;
sesjaPrzechowywanie. ustaw element ( 'Pierwszy' , „HTML” ) ;
sesjaPrzechowywanie. ustaw element ( 'Drugi' , „JavaScript” ) ;
funkcja mojaFunc ( ) {
jest x = sesjaPrzechowywanie. klucz ( 2 ) ;
dokument. getElementById ( 'próbny' ) . wewnętrzny HTML = X ;
}
scenariusz >
Tutaj elementy przechowywania sesji są tworzone przy użyciu „ sesjaPrzechowywanie ”, a następnie „ klucz() ” jest stosowana w celu uzyskania określonej nazwy klucza magazynu sesji indeksu drugiego indeksu.
Wyjście
W tym wyniku metoda „key()” wyświetlała nazwę klucza elementu pamięci sesji przechowywanego w drugim indeksie. Proces wyszukiwania nazwy klucza pamięci odbywa się w porządku alfabetycznym, począwszy od „ 0 ” indeks.
Wniosek
JavaScript zapewnia przechowywanie „ klucz() ”, aby uzyskać nazwę klucza z określonym indeksem zarówno „ lokalny ” i „ sesja ”obiekty magazynowe. Wyszukuje określoną nazwę klucza w magazynie, a następnie wyświetla jej nazwę w DOM (Document Object Model). Do wykonania tego zadania wymagany jest tylko parametr „indeks”. Ten post szczegółowo ilustruje działanie metody „key()” magazynu JavaScript.