¿Borrar localStorage en javascript?

Este artículo fue traducido de: ¿ Borrar localStorage en javascript?

¿Hay alguna manera de restablecer / borrar el almacenamiento local del navegador en javascript?


Piso # 1

Referencia: https://stackoom.com/question/WAmk/ clear localStorage en javascript


# 2F

Si desea eliminar un elemento o variable específica del almacenamiento local del usuario, puede usar

localStorage.removeItem("name of localStorage variable you want to remove");

Piso # 3

Esta es una función que le permitirá eliminar todos los elementos de localStorage con excepciones. Esta es una función que le permite eliminar todos los elementos de localStorage. Por necesitará por Usted jQuery para la esta función. Es necesario jQuery para lograr esta función. CAN por Usted descarga Al GIST . Puede descargar puntos .

Se le puede llamar como esto se le puede llamar

let clearStorageExcept = function(exceptions) {
  let keys = [];
  exceptions = [].concat(exceptions); // prevent undefined

  // get storage keys
  $.each(localStorage, (key) => {
    keys.push(key);
  });

  // loop through keys
  for (let i = 0; i < keys.length; i++) {
    let key = keys[i];
    let deleteItem = true;

    // check if key excluded
    for (let j = 0; j < exceptions.length; j++) {
      let exception = exceptions[j];
      if (key == exception) {
        deleteItem = false;
      }
    }

    // delete key
    if (deleteItem) {
      localStorage.removeItem(key);
    }
  }
};

# 4F

Lo primero es lo primero, debe verificar para asegurarse de que localStorage esté habilitado. Primero , debe verificar para asegurarse de que localStorage esté habilitado . Recomendaría hacerlo así: recomendaría hacerlo así :

var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};

Sí, puede (en algunos casos) simplemente verificar si localStorage es miembro del objeto de ventana. Sí, puede (en algunos casos) verificar si localStorage es miembro del objeto de ventana . Sin embargo, hay opciones de sandboxing de iframe (entre otras cosas) que arrojarán una excepción si incluso intentas acceder al índice 'localStorage'. Sin embargo, si incluso intentas acceder al índice "localStorage", habrá una opción de iframe sandbox (y Otro contenido) arroja una excepción. Por lo tanto, por razones de mejores prácticas, esta es la mejor manera de verificar si localStorage está habilitado. Por lo tanto, por razones de mejores prácticas, esta es la mejor manera de verificar si localStorage está habilitado. Luego, puede borrar el localStorage de esa manera y luego puede borrar localStorage de esta manera.

if (localStorageEnabled) localStorage.clear();

Por ejemplo, puede borrar localStorage después de que ocurra un error en los navegadores webkit, por ejemplo, puede borrar localStorage después de que ocurra un error en el navegador webkit.

// clears the local storage upon error
if (localStorageEnabled)
  window.onerror = localStorage.clear.bind(localStorage);

El En el ejemplo anterior, se necesita el .bind(window)Debido a que el sin ella, la localStorage.clearfunción se ejecutará en el contexto de la windowobjetos, en lugar del localStorageobjeto por lo que es en silencio Fail. En el ejemplo anterior, es necesario .bind(window)porque sin ella, localStorage.clearla función será en windowel objeto de contexto El localStorageobjeto se está ejecutando en lugar de hacerlo fallar en silencio. Para demostrar esto, mire el siguiente ejemplo: Para probar esto, vea el siguiente ejemplo:

window.onerror = localStorage.clear;

es lo mismo que: es lo mismo que :

window.onerror = function(){
    localStorage.clear.call(window);
}

# 5F

localStorage.clear();

o bien

window.localStorage.clear();

para borrar particulares elemento elementos específicos remove

window.localStorage.removeItem("item_name");

Para eliminar un valor particular por id: Para eliminar un valor específico por id:

var item_detail = JSON.parse(localStorage.getItem("key_name")) || [];           
            $.each(item_detail, function(index, obj){
                if (key_id == data('key')) {
                    item_detail.splice(index,1);
                    localStorage["key_name"] = JSON.stringify(item_detail);
                    return false;
                }
            });

Piso # 6

Unido en el IS ON, Ltd. Únete a la libre localStorage window. LocalStorage global adicional window. Cuando registramos el almacenamiento local en las devtools de Chrome, vemos que tiene las siguientes API: Cuando registramos el almacenamiento local en las devtools de Chrome, vemos que tiene la siguiente API:

Ingrese la descripción de la imagen aquí

Podemos usar las siguientes API para eliminar elementos: Podemos usar las siguientes API para eliminar elementos :

  1. localStorage.clear(): Borra todo el almacenamiento local localStorage.clear(): 清除 整个 almacenamiento local
  2. localStorage.removeItem('myItem'): Para eliminar elementos individuales localStorage.removeItem('myItem'): eliminar elementos individuales
Publicado 0 artículos originales · elogiado 75 · 560,000 vistas +

Supongo que te gusta

Origin blog.csdn.net/w36680130/article/details/105506413
Recomendado
Clasificación