Operador Spread, aprendendo sobre o espalhador em Javascript - Curso de Javascript Moderno - Aula 12



#cfbcursos #javascript #programação

Operador Spread, aprendendo sobre o espalhador em Javascript – Curso de Javascript Moderno – Aula 12

Hoje em nosso curso de Javascript Completo e Profissional vamos aprender sobre como usar o operador spread em javascript. Este operador trabalha retornando os elementos individualmente de uma colação em Javascript e transformando em um novo array.

JavaScript é uma linguagem de programação interpretada estruturada, de script em alto nível com tipagem dinâmica fraca e multiparadigma. Juntamente com HTML e CSS, o JavaScript é uma das três principais tecnologias para desenvolvimento de aplicações Web e Sites.

Link deste vídeo: https://youtu.be/_qgObfmqokw

Site do canal

Home

Colabore com nosso canal (CHAVE PIX):
Qualquer valor usando o PIX: [email protected]

Página de cursos no site

Cursos online gratuitos

e-mails:
[email protected]
[email protected]

Outros Links:
Vídeo Colabore com nosso canal: https://youtu.be/-gQqs76nC5U

Canal youtube: http://www.youtube.com/canalfessorbruno
Instagram: instagram.com/cfbcursos ou @cfbcursos
Twitter: @cfbcursos
Facebook: www.facebook.com/canalfessorbruno
Youtube: www.youtube.com/canalfessorbruno

vakinhas
https://www.vakinha.com.br/vaquinha/melhoria-de-equipamentos-cfbcursos
https://www.vakinha.com.br/vaquinha/impressora-3d-47dd4618-025a-45e1-8046-1deb75e0a139

Produção: Bruno P. Campos / CFB Cursos
Edição: Bruno P. Campos / CFB Cursos
Licença padrão do YouTube

9 thoughts on “Operador Spread, aprendendo sobre o espalhador em Javascript – Curso de Javascript Moderno – Aula 12”
  1. importante! ( dê like no vídeo não seja ingrato ) e recomendo da uma olhada
    no resto do comentário, creio que mais pra frente o fessor vai abordar
    esse tema mas afundo, mas se ajudar!

    let array1 = [11, 22, 33, 44]
    let array2 = array1

    //observe que temos dois arrays
    //sendo o segundo igual ao primeiro
    //imprimindo temos os dois iguais
    console.log('array1=' + array1)
    console.log('array2=' + array2)

    /* sairá assim correto
    array1=11,22,33,44
    array2=11,22,33,44

    */

    //agora observe se precisar mudar
    //valores no array1 ou array2
    //perceberá que a alteração
    //afetará os dois arrays

    console.log('nn')
    console.log('alterado dados sem Spread')
    array2[0] = 'LL'
    array2[1] = 'OO'
    array2[2] = 'OO'
    array2[3] = 'LL'

    //observe o resultado
    //algo deu errado era pra ser
    //valores diferentes em cada array
    console.log('array1=' + array1)
    console.log('array2=' + array2)

    /* sairá assim hummm
    array1=LL,OO,OO,LL
    array2=LL,OO,OO,LL
    */

    //isso acontece porque que ao fazer
    // array2=array1
    //não é criado de fato um novo array
    //mas uma referência um apelido
    //fica espelhado

    console.log('nn')
    console.log('alterado dados sem Spread')
    array1[0] = '–'
    array1[1] = 'TT'
    array1[2] = '=='
    array1[3] = '\'
    //observe o resultado
    console.log('array1=' + array1)
    console.log('array2=' + array2)
    /*sairá assim
    array1=–,TT,==,\
    array2=–,TT,==,\
    */

    //agora se usar o operador SPREAD
    //teremos uma cópia
    console.log('nn')
    array1 = [11, 22, 33, 44]
    array2 = […array1]
    //temos agora uma cópia independente
    console.log('array1=' + array1)
    console.log('array2=' + array2)

    /* sairá assim correto
    array1=11,22,33,44
    array2=11,22,33,44

    */

    //alterando
    console.log('nn')
    console.log('alterando dados depois de usar Spread')
    array2[0] = 'LL'
    array2[1] = 'OO'
    array2[2] = 'OO'
    array2[3] = 'LL'
    console.log('array1=' + array1)
    console.log('array2=' + array2)

    /*sairá assim correto
    array1=11,22,33,44
    array2=LL,OO,OO,LL
    */

    //sacou?

Leave a Reply

Your email address will not be published.