Tem como não exibir a mensagem null de uma Variável javascript!

Front-end JavaScript
#1

Tenho o seguinte Código ná Pagina seus_items_do_local_storage.html :

var Item_id_1= localStorage.getItem("item_1');
document.write(Item_id_1);

só que o problema é que se o usuário acessar essa pagina antes de ter adicionado esse tal item_1 , aparece Uma Mensagem com o Nome null No Lugar do item,Teria como fazer com que esse null não apareça?,fui claro?

#2 
var Item_id_1= localStorage.getItem("item_1");

if(Item_id_1 === null || Item_id_1 === undefined){
   //vc pode tanto deixar aqui sem nada, 
   //quanto passar uma string vazia...
   document.write("");
} else {
   document.write(Item_id_1);
}
#3

Segundo a documentação de getItem, quando o item não existe, o retorno é null.

Então basta verificar se o valor é nulo:

var Item_id_1 = localStorage.getItem("item_1");
if (Item_id_1 !== null) {
    document.write(Item_id_1);
}

Também arrumei as aspas em volta de “item_1”, pois você tinha usado " para abrir e ' para fechar.

1 curtida
#4

se voce fizer

var Item_id_1= localStorage.getItem('item_1') || ''

ja resolve seu problema. O mesmo vale para objeto ou array.

var Item_id_1= localStorage.getItem('item_1') || {}
var Item_id_1= localStorage.getItem('item_1') || []