Comment passer un tableau de stockage local à une vue de flacon?

Question

Donc, mon application flacon est essentiellement un site de restaurant et il a deux pages, le premier est où l'utilisateur peut choisir les éléments de menu souhaités (page de menu) et la deuxième page est pour l'utilisateur de remplir le formulaire avec leurs détails (page des détails de la commande). Dans la page du menu, vous trouverez les éléments du menu qui apparaîtront dans la section MY ORDER de la page de menu, je l'ai fait en javascript pour que la commande du menu soit enregistrée dans localStorage sous la forme d'un tableau d'objets et lui a donné le nom de shoppingMenu. Qu'est-ce que j'ai un problème avec: comment puis-je valider que le shoppingMenu a au moins un objet (pas nul) avant que l'utilisateur puisse aller à la page des détails de la commande?

Answer 1

faire une instruction if

if(showMenu != null){allow user to continue} 

ou même if(showMenu != []){} parce que votre showmenu serait vide, ce qui serait probablement plus précis. À moins que vous définissiez initialement votre showMenu à null, alors le premier exemple serait le meilleur.

Answer 2

localStorage utilise des chaînes pour enregistrer les données, à savoir, vous devez toujours considérer JavaScript logique chaîne lorsque le raisonnement sur null vs undefined, etc.

La méthode getItem(key) doit retourner la valeur actuelle associée à la clé donnée. Si la clé donnée n'existe pas dans la liste associée à l'objet, cette méthode doit renvoyer null.

if (localStorage.getItem("shoppingMenu") !== null) { 
    // do stuff 
    }