Esta publicación demuestra el método de almacenamiento 'clave ()' en JavaScript.
¿Qué hace el método Storage key () en JavaScript?
El ' llave() El método está asociado con el objeto de almacenamiento que recupera el nombre de clave colocado en el índice especificado. El objeto de 'almacenamiento' puede ser el ' local ' o el ' sesión ' almacenamiento. Permite a los usuarios acceder a las claves de almacenamiento locales y de sesión.
Sintaxis (para almacenamiento local)
almacenamiento local. llave ( índice ) ;
La sintaxis anterior acepta un parámetro ' índice ” que devuelve el nombre de la clave en un índice dado.
Sintaxis (para almacenamiento de sesión)
sesiónAlmacenamiento. llave ( índice ) ;
La sintaxis anterior también admite el parámetro 'índice' igual que 'localStorage'.
Ambas sintaxis definidas anteriormente devuelven el nombre clave del objeto de almacenamiento como una cadena. Implementemos ambos uno por uno.
Ejemplo 1: Aplicar el método de almacenamiento “key()” para recuperar el nombre de clave de almacenamiento local especificado
Este ejemplo explica la implementación práctica del método de almacenamiento 'key()' para obtener el nombre de la clave de almacenamiento del índice local especificado.
código HTML
Primero, eche un vistazo al código HTML dado:
< h2 > Clave de almacenamiento ( ) Método en JavaScript h2 >< botón al hacer clic = 'miFunc()' > Obtener la clave de almacenamiento local especificada botón >
< identificación p = 'manifestación' > pag >
En el fragmento de código anterior:
- Primero, especifique un subtítulo a través del ' ' etiqueta.
- A continuación, agregue un botón con la ayuda de “
” etiqueta que comprende un “ al hacer clic ” evento para ejecutar la función “ miFunc() ” en el clic del botón. - Por último, cree un párrafo vacío a través de ' ” etiqueta a la que se puede acceder fácilmente a través de su identificación asignada “demo”.
Código JavaScript
A continuación, proceda con el código indicado a continuación:
< guion >almacenamiento local. setItem ( 'Sitio web' , 'linux' ) ;
almacenamiento local. setItem ( 'PrimerTutorial' , 'HTML' ) ;
almacenamiento local. setItem ( 'Segundo Tutorial' , 'JavaScript' ) ;
función myFunc ( ) {
hay x = almacenamiento local. llave ( 1 ) ;
documento. getElementById ( 'manifestación' ) . HTML interno = X ;
}
guion >
En el bloque de código anterior:
- El ' almacenamiento local La propiedad ” está asociada con el “ establecer elemento () ” para configurar los elementos de almacenamiento local especificados.
- A continuación, la función denominada “ miFunc() ' se define.
- En su definición, el “ llave() El método ” está asociado con el “ almacenamiento local ” propiedad para obtener el nombre clave del primer índice.
- Después de eso, el “ documento.getElementById() ” se aplica para acceder al párrafo vacío usando su id “demo” para agregarlo con la clave del elemento de almacenamiento local “nombre”.
Producción
Como se ve, la salida muestra el nombre de la clave del elemento de almacenamiento local .e. 'SecondTutorial' en el primer índice siguiendo el orden alfabético al hacer clic en el botón.
Ejemplo 2: Aplicar el método de almacenamiento “key()” para obtener el nombre de clave de almacenamiento de sesión especificado
En este ejemplo, el método Storage “key()” devuelve el nombre de la clave de almacenamiento de la sesión con un índice particular.
código HTML
Primero, revisa el siguiente código HTML:
< h2 > Clave de almacenamiento ( ) Método en JavaScript h2 >< botón al hacer clic = 'miFunc()' > Obtener la clave de almacenamiento de sesión especificada botón >
< identificación p = 'manifestación' > pag >
El código anterior es el mismo que el Ejemplo 1 pero con algunas actualizaciones en el contenido HTML.
Código JavaScript
A continuación, pase al siguiente código:
< guion >sesiónAlmacenamiento. setItem ( 'Sitio web' , 'linux' ) ;
sesiónAlmacenamiento. setItem ( 'Primero' , 'HTML' ) ;
sesiónAlmacenamiento. setItem ( 'Segundo' , 'JavaScript' ) ;
función myFunc ( ) {
hay x = sesiónAlmacenamiento. llave ( 2 ) ;
documento. getElementById ( 'manifestación' ) . HTML interno = X ;
}
guion >
Aquí, los elementos de almacenamiento de la sesión se crean utilizando el ' sesiónAlmacenamiento ” propiedad y luego el “ llave() El método se aplica para obtener el nombre de clave de almacenamiento de sesión de índice especificado del segundo índice.
Producción
En este resultado, el método 'key()' mostró el nombre de la clave del elemento de almacenamiento de la sesión almacenado en el segundo índice. El proceso de búsqueda del nombre de la clave de almacenamiento sigue el orden alfabético que comienza a buscar desde ' 0 ” índice.
Conclusión
JavaScript proporciona el almacenamiento “ llave() ” para obtener el nombre de la clave con el índice particular tanto del “ local ' y el ' sesión ” objetos de almacenamiento. Busca el nombre de clave especificado en el almacenamiento y luego muestra su nombre en el DOM (Document Object Model). Solo requiere el parámetro 'índice' para realizar esta tarea. Esta publicación ilustró en detalle el funcionamiento del método 'key()' de JavaScript Storage.