4 Formas Incríveis de Concatenar Strings JavaScript

Como concatenar strings Javascript

Nesse artigo você vai aprender 4 formas bem legais de concatenar strings JavaScript tudo bem detalhado para facilitar o seus estudos.

Concatenação de strings é basicamente uma forma de juntar dois elementos do tipo texto dentro da programação.

Na linguagem JavaScript podemos fazer isso de várias formas diferentes. E vou te mostrar através de exemplos práticos como você pode fazer isso.

Vale lembrar que não existe uma forma que seja muito mais performática que outra, no geral qualquer uma delas vão ter uma boa velocidade de execução.

Porém, você precisa estar atento a semântica de cada forma de concatenar strings Javascript, isso pode determinar a qualidade do seu código dependendo do projeto que esteja atuando.

Portanto, leia esse artigo até o final e coloque em prática tudo o que aprender aqui, combinado?

Plus (+)

Primeiramente vamos utilizar a forma mais clássica de concatenar strings Javascript utilizando o sinal de + entre cada elemento do tipo string.

No exemplo abaixo estamos declarando uma constante chamada nome onde o valor dela é “Viking” logo em seguida usamos o sinal de + para juntar as duas strings:

const nome = "Viking";

alert( 'Programador ' + nome );

O resultado do script acima deve apresentar um alerta com o conteúdo: ‘Programador Viking’.

Veja também: Vale a pena investir no curso de JavaScript do OneBitCode?

Método Join()

Em seguida vamos aprender uma outra forma de concatenar strings javascript utilizando um método chamado .join().

Para isso precisamos informar os elementos dentro de colchetes e em seguida utilizar o método join() para juntar esses dois elementos.

O código abaixo mostra como usar o método join() para concatenar strings javascript.

const nome = "Viking";

alert( ['Programador', nome].join(' ') );

Repare que dentro do método join tem um espaço em branco, é esse espaço que irá separar os dois elementos. Caso você informe outro caracter ao invés do espaço ele será separado pelo caracter informado.

Método concat()

Agora vamos aprender uma outra forma usando um método chamado concat(). Como o próprio nome sugere ele irá concatenar elementos do tipo string.

Para utilizar esse método é necessário chamá-lo a partir de uma string, portanto no exemplo abaixo iremos informar uma string vazia apenas para conseguir usar esse método.

Em seguida, basta chamar o método concat() informando os elementos do tipo string que será concatenado.

const nome = "Viking";

alert( ''.concat('Programador ', nome) );

Veja também: Vale a pena investir no curso de JavaScript do OneBitCode?

Template String

Por fim, vamos aprender a utilizar uma técnica chamada template string que funciona da seguinte forma.

Vamos usar o acento grave ao invés de aspas para definir a nossa string que será: `Programador nome`

Se executarmos o programa dessa forma o Javascript não vai entender que ele deve pegar o conteúdo da constante nome.

Para isso vamos cercar a palavra nome com o caracter de chaves e antes da primeira chave vamos colocar o sinal de dólar($).

Dessa forma o Javascript vai entender que o que deve ser considerado é o conteúdo que está dentro da nossa constante conforme exemplo abaixo:

const nome = "Viking";

alert( `Programador ${nome}` );

Vídeo Aula: Concatenar Strings JavaScript

Caso você queira assistir a vídeo aula completa sobre como concatenar strings JavaScript em nosso canal do Youtube. Basta clicar aqui ou na imagem abaixo:

Concatenar String JavaScript

Não perca tempo! Dê um passo decisivo em direção ao seu sucesso profissional agora mesmo. Basta clicar no botão abaixo e abrir as portas para mais de 1400 cursos completos, todos com certificados válidos.

ACESSAR CURSOS COM CERTIFICADO

Enfim, espero que esse conteúdo tenha te ajudado e que você consiga se tornar um programador de sucesso!

Eu vou ficando por aqui…

Até a próxima e um forte abraço!

Tags: | |

Sobre o Autor

Programador Viking
Programador Viking

DICA EXTRA: Algumas pessoas estão me perguntando qual é o curso que recomendo para quem deseja aprender programação, mesmo sem ter qualquer conhecimento sobre o assunto. Minha recomendação, tanto para quem está iniciando, como para quem já possui mais experiência, é essa AQUI...

0 Comentários

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

plugins premium WordPress