O Em Busca do Código é um site em formato de plataforma de ensino a distância (EAD), totalmente aberta e gratuita.

Aprendendo e ensinando, essa é a minha regra para mim.

Compre um adesivo do Em Busca do Código.

Publicidade

Publicidade

Publicidade

join e concat em JavaScript. Dica 08

Se você assistiu ao vídeo anterior reparou que, em um determinado momento apareceu concat.

Seguindo o nosso curso de dicas em JavaScript em frente agora vemos dois métodos muito importantes e utilizados em JavaScript. Estamos falando dos métodos join e concat.

Mas antes de falarmos sobre concatenar arrays em JavaScript vamos ver o método join.

Quando utilizamos document.write para mostrar os valores de um array em nosso documento HTML utilizando JavaScript vemos que os elementos do array aparecem separados por , (vírgula). Como retirar as vírgulas entre os elementos do array? Como inserir outro caractere ou até mesmo strings entre os elementos de um array?

Usando join

Para substituir as vírgulas que aparecem entre os elementos de um array nós utilizamos o método join, mas antes e darmos continuidade precisamos de um código fonte inicial, eu separo o HTML do JavaScript então, a seguir você vê o código fonte inicial deste vídeo.

HTML

JavaScript

Seguindo o código fonte acima vemos que existe um array qualquer e, para usarmos o método join precisamos criar uma variável.

Logo após criarmos a variável precisamos iguala-la ao array que queremos substituir as vírgulas.

Adicionamos o método join.

E entre os parênteses e aspas duplas inserir a string que será o valor do novo elemento.

Pode ser um int ou float?

Isso você pode testar sozinho.

Agora nós precisamos apenas "chamar" a variável criada.

Concatenar arrays em JavaScript

Para concatenar arrays precisamos de no mínimo dois arrays.

Agora voltaremos um pouco ao pensamento lógico. Preciso concatenar um array.

Publicidade

Em JavaScript o primeiro array informado na hora de concatenar tem que ser o primeiro declarado. Esse array estará recebendo os valores deles mesmo e mais outro array.

Antes de informar qual o segundo array precisamos utilizar o método concat.

E entre os parênteses informamos o nome do segundo array.

Neste inicio deste curso eu estou utilizando document.write para "imprimir" de uma maneira visível e eficaz o código JS no HTML, agora, sobre criar alertas, eu não gostei de utiliza-los como exemplo, ninguém é obrigado a aprender alert(); sem fazer algo útil com ele e, document.write é bem mais útil que alert.

Código fonte JavaScript

Publicidade

Assista ao vídeo:

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.