Resumo da Aula 01-03 da etapa 13

O LocalStorage serve para persistir dados no browser, mesmo se eu sair da página os dados permanecem salvos, não salva em múltiplos aparelhos somente no qual foi usado. Ex: eu acessei a página pelo notebook, os dados ficaram salvos ali, agora eu tento acessar no celular, não tem nenhum dado salvo. Por isso é importante saber fazer a integração com o banco de dados.

A SessionStorage só armazena os dados da aplicação no momento da sessão, se a página for fechada os dados são perdidos, não são "persistidos".

Os dois são uma propriedade de WebStorageAPI.

localStorage.setItem('name', 'Danyllo')
localStorage.setItem('age', '19')

let name = localStorage.getItem('name')
let age = localStorage.getItem('age')

localStorage.removeItem('myKey')
localStorage.clear()

name = localStorage.getItem('name')
age = localStorage.getItem('age')

// console.log(name, age)

// Stringificando e parseando dados

const myKey = [
    { a: 1, b: 2 },
    { c: 3, d: 4 }
]

localStorage.setItem('myKey', JSON.stringify(myKey))

const JSONFromLocalStorage = localStorage.getItem('myKey')
const myConvertedArray = JSON.parse(JSONFromLocalStorage)  

console.log(myConvertedArray)

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Armazenando e obtendo dados</title>
</head>
<body>
    <script src="app.js"></script>
</body>
</html>

roger-melo-treinamentos / curso-de-js-roger-melo

Resumo da Aula 01-03 da etapa 13 #7843