TransWikia.com

Verificar que un valor existen en un JSON localStorage

Stack Overflow en español Asked by Carlos Roberto Luna Ochoa on October 4, 2020

Quiero que al hacer click en un boton primero verifique si el valor existe en un JSON que obtiene desde localStorage y si no existe lo guarde, pero cuando realiza la funcion aunque el valor exista sigue añadiendo el arreglo. La funcion es:

$('#btnNP').click(function(){
        if ($.trim($('#txtplayer').val())==''){         
            alert('Ingresa tu nombre de jugador');
            $('#txtpalabra').focus();
            return false;
        }

        var jugador =$('#txtplayer').val();

        for(var i in Jugadores)
        {
            var con = JSON.parse(Jugadores[i]);
            if(con[i].player === j){
            console.log(con[i].player); 
            }
            if(con.player == jugador){
                console.log(con.player);
            }
            else{
                var jugador_push = JSON.stringify({
                    "player" : jugador,
                    "score" : 0
                });
                Jugadores.push(jugador_push);
                localStorage.setItem("Jugadores", JSON.stringify(Jugadores));
            }
        }
    });

One Answer

Bien, disculpa la demora, el Fiddle no me dejó compartirlo así que lo puse en un CodePen:

Esta así:

// find elements
var button = $("button")

window.localStorage.setItem("Jugadores","[]"); 

// handle click and add class
button.on("click", function(){
  	if ($.trim($('#txtplayer').val())==''){         
            alert('Ingresa tu nombre de jugador');
            $('#txtpalabra').focus();
            return false;
        }

        var jugador =$('#txtplayer').val();
        var Jugadores = localStorage.getItem("Jugadores"); 
        Jugadores = JSON.parse(Jugadores);
        
        if(Jugadores.length == 0)
        {
        	var jugador_push = JSON.stringify({
                    "player" : jugador,
                    "score" : 0
                });
                Jugadores.push(jugador_push);
                localStorage.setItem("Jugadores", JSON.stringify(Jugadores));
        }
        else
        {
            var yaExiste = false;

            for(var i in Jugadores)
            {
                var con = JSON.parse(Jugadores[i]);
                //if(con[i].player === j){
                  //console.log(con[i].player); 
                //}
                if(con.player == jugador){
                    yaExiste = true;
                }
            }
            
            if(yaExiste)
            {
               console.log(con.player);
            }
            else
            {
                var jugador_push = JSON.stringify({
                        "player" : jugador,
                        "score" : 0
                 });
                 Jugadores.push(jugador_push);
                 localStorage.setItem("Jugadores", JSON.stringify(Jugadores));
            }
        }

        console.log(localStorage.getItem("Jugadores"))
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="banner-message">
  <p>Jugadores</p>
  <input id="txtplayer" value=""/>
  <button>Agregar</button>
</div>

El problema radica que cuando haces el FOR, recorre el arreglo entero, y eventualmente encuentra alguno que no coincide, entonces lo agrega. Utilizando una bandera yaExiste = false Nos permite revisar el arreglo y ya que vimos que ya existe, no agregarlo, y en caso contrario agregarlo. Espero este claro, sino cualquier duda avisame :)

**No funcione el codigo aquí por el localstorage, te dejo el link del Codepen

Answered by TppShaka77 on October 4, 2020

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP