Menu
Coddy logo textTech

Os Métodos Join & Split

Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 51 de 65.

O método join() cria e retorna uma nova string ao concatenar todos os elementos de um array, separados por um separador especificado.

O método split() divide uma string em uma lista ordenada de substrings e as retorna em um array.

Sintaxe básica:

array.join([separator])
string.split([separator])

Por exemplo:

<strong>Join()</strong>:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', ');
console.log(str); // "apple, banana, orange"

<strong>Split()</strong>:

const sentence = "Hello World";
const words = sentence.split(' ');
console.log(words); // ['Hello', 'World']

Você pode usar diferentes separadores:

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join('')); // “applebananaorange”
console.log(fruits.join('-')); // "apple-banana-orange"
const date = "2023-05-15";
console.log(date.split('-')); // ['2023', '05', '15']
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Folha de consulta

O método join() cria uma string concatenando os elementos de um array com um separador:

array.join([separator])

O método split() divide uma string em um array de substrings:

string.split([separator])

Exemplos:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', '); // "apple, banana, orange"

const sentence = "Hello World";
const words = sentence.split(' '); // ['Hello', 'World']

// Diferentes separadores
fruits.join(''); // "applebananaorange"
fruits.join('-'); // "apple-banana-orange"
"2023-05-15".split('-'); // ['2023', '05', '15']

Experimente você mesmo

Esta lição não inclui um desafio de código.

quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Lógica & Fluxo