19 de março de 2024

Javascript: Spread / DataSet / Serialização / Objetct.assign / sessionStorage / localStorage

Spread (Converter objetos para Array)

    Para converter uma coleção para array colocar a coleção entre [] e iniciando com 3 pontos (...)

    Exemplo: [... colecao]

DataSet

    É uma propriedade de elementos HTML que permite armazenas dados personalizados, utilizando data-

    Exemplos:

        <div id = "id_name" data-tagName = "value" data-tagName1 = " "> (HTML)

        document.getElementById('div').dataset.nome = '';  (JAVASCRIPT)

Serialização

    É a conversão de um objeto em uma string (string JSON), utilizando o comando:

        JSON.stringify(objeto);

    E o comando para transformar a string JSON para um objeto:

        JSON.parse(x) onde x é a string no formato JSON

Object.assign

    É o comando onde a comparação de dois objetos resulta um objeto onde os objetos a esquerda são substituídos pelos objetos a direita.

    Exemplo: let result = Objetc.assign( {}, objetOld, objectNew);

 sessionStorage

    É o armazenamento de dados na sessão de usuário. É apagado ao fechar o browser.

        Exemplo: sessionStorage.setItem("nomeDaVariavel","valorDaVariavel");

localStorage

    É o armazenamento de dados do navegador que se mantem mesmo fechando o browser com exceção de o usuário apagar, limpando o cache.

        Exemplo: localStorage.setItem("nomeDaVariavel","valorDaVariavel");