Dividir String em Array em JavaScript

Harshit Jindal 12 outubro 2023
  1. Use o método split() para dividir uma string em um array em JavaScript
  2. Use o método from() para dividir uma string em um array em JavaScript
  3. Use o operador ES6 spread para dividir uma string em um array
Dividir String em Array em JavaScript

Este tutorial ensina como dividir uma string em um array em JavaScript.

Use o método split() para dividir uma string em um array em JavaScript

O método split() recebe como entrada uma string e retorna um array de substrings que são formadas com base em um delimitador. Essa condição de divisão é fornecida como o primeiro argumento para a função. Se não fornecermos argumentos, obteremos um array contendo uma cópia da string. Se fornecermos um delimitador, a função divide a string em um array de substrings separadas por esse caractere. Portanto, se quisermos obter cada caractere como um elemento de array, devemos fornecer "" como um argumento.

var arr = 'delftstack'.split('');
console.log(arr);

Resultado:

["d", "e", "l", "f", "t", "s", "t", "a", "c", "k"]

Use o método from() para dividir uma string em um array em JavaScript

O método from() toma como entrada um array e retorna outro array. Se fornecermos uma string como entrada, ele criará um array com cada caractere da string como um elemento do array. Leva os seguintes parâmetros como argumentos:

  1. object: é o objeto de entrada que deve ser convertido em um array.
  2. mapFunction: É um argumento opcional que especifica a função do mapa para chamar os itens do array.
  3. thisValue: É usado para representar o valor this do objeto no mapFunction.
console.log(Array.from('delftstack'));

Use o operador ES6 spread para dividir uma string em um array

O operador spread descompacta objetos iteráveis. Ele itera sobre qualquer objeto iterável e o expande no local. Quando o operador spread é usado em uma string, obtemos um array de substrings onde cada substring é um caractere individual da string.

const str = 'delftstack';
const arr = [...str];
console.log(arr);

Navegadores como o Internet Explorer não oferecem suporte a esse operador.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Artigo relacionado - JavaScript Array

Artigo relacionado - JavaScript String