Тази публикация демонстрира метода „key()“ за съхранение в JavaScript.
Какво прави методът Storage key() в JavaScript?
„ ключ() ” методът е свързан с обекта Storage, който извлича името на ключа, поставено в посочения индекс. Обектът „съхранение“ може да бъде „ местен ' или ' сесия ” съхранение. Позволява на потребителите достъп както до локалните, така и до ключовете за съхранение на сесии.
Синтаксис (за локално съхранение)
localStorage. ключ ( индекс ) ;
Горният синтаксис приема един параметър „ индекс ”, който връща името на ключа при даден индекс.
Синтаксис (за съхранение на сесии)
sessionStorage. ключ ( индекс ) ;
Горният синтаксис също така поддържа параметъра „index“, същият като „localStorage“.
И двата дефинирани по-горе синтаксиса връщат името на ключа на обекта за съхранение като низ. Нека приложим и двете един по един.
Пример 1: Прилагане на метода „key()“ за съхранение за извличане на указаното име на ключ за локално съхранение
Този пример обяснява практическата реализация на метода „key()“ за съхранение, за да се получи името на локалния ключ за съхранение на индекс.
HTML код
Първо, погледнете дадения HTML код:
< h2 > Ключ за съхранение ( ) Метод в JavaScript h2 >< бутон при щракване = 'myFunc()' > Вземете посочения ключ за локално съхранение бутон >
< p id = 'демонстрация' > стр >
В горния кодов фрагмент:
- Първо, посочете подзаглавие чрез „ ” таг.
- След това добавете бутон с помощта на „ <бутон> ” етикет, съдържащ „ onclick ” събитие за изпълнение на функцията ” myFunc() ” върху щракване върху бутона.
- И накрая, създайте празен параграф чрез „ ”, който може лесно да бъде достъпен чрез присвоения му идентификатор „demo”.
JavaScript код
След това продължете с посочения по-долу код:
< сценарий >localStorage. setItem ( 'уеб сайт' , 'Линукс' ) ;
localStorage. setItem ( 'Първи урок' , 'HTML' ) ;
localStorage. setItem ( 'Втори урок' , 'JavaScript' ) ;
функция myFunc ( ) {
има х = localStorage. ключ ( 1 ) ;
документ. getElementById ( 'демонстрация' ) . innerHTML = х ;
}
сценарий >
В горния кодов блок:
- „ localStorage ” свойство е свързано с „ setItem() ”, за да зададете посочените елементи за локално съхранение.
- След това функцията с име „ myFunc() ” е дефинирано.
- В своята дефиниция „ ключ() ' методът е свързан с ' localStorage ”, за да получите името на ключа на първия индекс.
- След това „ document.getElementById() ” методът се прилага за достъп до празния абзац, използвайки неговия идентификатор „demo”, за да го добавите с ключа на локалния елемент за съхранение „име”.
Изход
Както се вижда, изходът показва името на ключа на локалния елемент за съхранение .e. „SecondTutorial“ в първия индекс, като следвате азбучния ред при натискане на бутона.
Пример 2: Прилагане на метода „key()“ за съхранение за получаване на указаното име на ключ за съхранение на сесия
В този пример методът Storage “key()” връща името на ключа за съхранение на сесията с определен индекс.
HTML код
Първо преминете през следния HTML код:
< h2 > Ключ за съхранение ( ) Метод в JavaScript h2 >< бутон при щракване = 'myFunc()' > Вземете посочения ключ за съхранение на сесия бутон >
< p id = 'демонстрация' > стр >
Горният код е същият като пример 1, но с няколко актуализации в HTML съдържанието.
JavaScript код
След това преминете към следния код:
< сценарий >sessionStorage. setItem ( 'уеб сайт' , 'Линукс' ) ;
sessionStorage. setItem ( 'първо' , 'HTML' ) ;
sessionStorage. setItem ( 'втори' , 'JavaScript' ) ;
функция myFunc ( ) {
има х = sessionStorage. ключ ( 2 ) ;
документ. getElementById ( 'демонстрация' ) . innerHTML = х ;
}
сценарий >
Тук елементите за съхранение на сесията се създават с помощта на „ sessionStorage ” и след това „ ключ() ” методът се прилага за получаване на указаното име на ключ за съхранение на сесия на индекс на втория индекс.
Изход
В този резултат методът „key()“ показва името на ключа на елемента за съхранение на сесията, съхранен във втория индекс. Процесът на търсене на името на ключа за съхранение следва азбучния ред, който започва търсенето от „ 0 ” индекс.
Заключение
JavaScript осигурява съхранението “ ключ() ”, за да получите името на ключа с конкретния индекс на двата местен “ и „ сесия ” обекти за съхранение. Той търси посоченото име на ключ в хранилището и след това показва името му в DOM (документен обектен модел). Изисква само параметъра „index“, за да изпълни тази задача. Тази публикация илюстрира подробно работата на метода „key()“ на JavaScript Storage.