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']Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
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.
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
1Strings em Profundidade
Fundamentos de StringsIterar sobre StringsTemplate LiteralsMétodos de StringRecapitulação - String Weaver4JSON Parte 2
Iterar sobre JSONJSON AninhadoEncadeamento Opcional em JSONCópia Rasa e ProfundaRecapitulação - Loja de BicicletasRecapitulação - Sistema Solar7Sistema de Gerenciamento de Biblioteca
Visão Geral do ProjetoAdicionando Livros10Gerenciar Sistema de Festival
Visão Geral do ProjetoAdicionar Filmes e Locais2Arrays Multidimensionais
Fundamentos de Arrays 2DAcessando Elementos de Arrays 2DLoops Aninhados com Arrays 2DRecapitulação - Arrays 2DAdição e Subtração de MatrizesArrays IrregularesArrays 3D e AlémPadrões Comuns de Arrays 2DRecapitulação - Tudo Sobre Arrays5Sets Parte 1
O que é um Set?Iterando sobre SetsAdicionando um elementoRemovendo um elementoVerificando se um elemento existeTamanho e Is EmptyCopy e ClearRecapitulação - O básico de Sets8Tópicos Interessantes sobre Arrays
Desestruturação de ArraysSintaxe Spread em ArraysArrays EsparsosRecapitulação - Workshop de Arrays3JSON Parte 1
O que é um JSON?Verificar se a Chave ExisteMétodos de ObjetoO Spread Operator Parte 1O Spread Operator Parte 2Remover ChavesRecapitulação - Manipular Chaves JSON6Conjuntos Parte 2
Matemática - União de ConjuntosMatemática - Interseção de ConjuntosMatemática - Diferença de ConjuntosMatemática - Diferença SimétricaSubconjuntos e SuperconjuntosRecapitulação - Agrupar Amigos9Métodos Avançados de Array
Os Métodos Join & SplitO Método MapO Método FilterO Método ReduceEncadeamento de Métodos de ArrayForEach e Map são iguais?O Método SortOs Métodos Find & FindIndexRecapitulação - O Mestre do Encadeamento