0

Estoy intentando eliminar un elemento de un array que se aloja en localStorage, para ello intento guardar el contenido de localStorage en una variable, parsearla, eliminar el elemento con splice y con idexOf, volver a parsearla y sobreescribir el localStorage pero me salta el siguiente error de JSON:

Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse ()

El código que tengo actualmente es el siguiente:

function eliminar(nombre){ //función que se ejecuta onclick con un botón y pasa por parámetro el 
                          // elemento del array del localStorage que quiero eliminar.

                  var localstorage=localStorage.getItem("usuario");
                  var arraystorage=JSON.parse(localstorage);
                  arraystorage.splice(arraystorage.indexOf(nombre),1) 
                  localStorage.setItem("usuario", JSON.stringify(arraystorage))  


                 }   

¿Qué estoy haciendo mal? Gracias de antemano.

5
  • Lo que haces mal es no depurar la variable que te devuelve el método getItem del localStorage. Si la misma no es una cadena en formato JSON, entonces JSON.parse fallará al analizar la misma, que es precisamente lo que está pasando. Haz console.logde la variable localstorage para que visualices su contenido. Saludos Commented el 14 jun. 2022 a las 17:26
  • Diría que tienes dos errores tipográficos aquí: var araystorage=JSON.parse(localStorage); pues creo que querias hacer esto en su lugar: var arraystorage=JSON.parse(localstorage); (date cuenta de la S mayúscula y minúscula de localStorage ademas del nombre de la variable)
    – masterguru
    Commented el 14 jun. 2022 a las 17:32
  • console.log de la variable localStorage me devuelve un String de los elementos separados con comas. Cómo lo depuro entonces? o qué opciones tengo? Gracias! @MauricioContreras
    – paskpinfo
    Commented el 14 jun. 2022 a las 18:07
  • Gracias, han sido errores de transcripción, al ejecutar el error es el comentado en la pregunta. @masterguru
    – paskpinfo
    Commented el 14 jun. 2022 a las 18:08
  • ok, bueno, si te devuelve un string separado por comas es que en alguna parte lo pusistes así y no como json u objeto. Busca en todo tu código localStorage.setItem("usuario" a ver como lo hicistes y donde, para saber como tratarlo y que no vuelva a suceder por otro lado después.
    – masterguru
    Commented el 14 jun. 2022 a las 18:11

1 respuesta 1

1

primero un array de ejemplo

let array = [
        {
            hola : "jeje"
        },
        {
            hola: "jojo"
        }

luego agregamos esto a localStorage

localStorage.setItem("usuario",JSON.stringify(array))

y para eliminarlo o editarlo o lo que quieras

    var localstorage=localStorage.getItem("usuario")
    console.log(JSON.parse(localstorage)) //json en consola
                  
    var araystorage=JSON.parse(localstorage)
    console.log(araystorage[0].hola) // resultado string "jeje"
    //elimina, edita, o lo que quieras, cambia 'hola' por un parametro de la funcion
    araystorage[0].hola = "eliminar" 
    console.log(araystorage) //recuerda borrar el console log
    localStorage.setItem("usuario",JSON.stringify(araystorage)) 

resultados del console.log

1
  • Hola! Gracias por la contestación, una pregunta tú sustituyes el valor del indice del array 0, pero se podría eliminar directamente para que el array pase a tener solo 1 elemento?
    – paskpinfo
    Commented el 14 jun. 2022 a las 18:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.