Uma solução possível é você pode usar regex para encontrar um padrão desejado e realizar um split
somente nesse primeiro caso de padrão encontrado.
No seu caso, quando o primeiro -
for encontrado, realizar o split
nele, usando a regex -(.*)
, que serve para fazer o match do primeiro -
.
Como ficaria seu código:
const vogais = "a-e-i-o-u"
const arrayVogal = vogais.split(/-(.*)/, 2)
console.log(arrayVogal)
Repare no 2 dentro de split. Ele server para limitar apenas 2 items, pois o terceiro é uma string vazia. Veja aqui
Agora vou criar uma função chamada splitAtTheFirstMatch
que server para realizar o split
no local desejado (element
) de uma determinada string (text
) e me retornar uma estrutura semelhante a que você informou ([ 'a', 'e-i-o-u' ]
) de uma forma dinâmica;
const vogais = 'a-e-i-o-u';
function splitAtTheFirstMatch(text, element) {
const regex = new RegExp(element + '(.*)');
return text.split(regex, 2);
}
// veja uns testes aqui
console.log(splitAtTheFirstMatch(vogais, '-'));
console.log(splitAtTheFirstMatch(vogais, 'e'));
console.log(splitAtTheFirstMatch(vogais, 'e-'));
console.log(splitAtTheFirstMatch(vogais, 'i-'));
console.log(splitAtTheFirstMatch(vogais, 'o-'));
O new RegExp
server para passar dinâmicamente uma string para dentro da regex.
E agora você pode testar para qualquer elemento da string que você quiser realizar o split
.
OBS:
- Não tenho certeza se esta é a melhor regex para o caso, mas funciona pra resolver seu problema.
OBS2:
- Com a ajuda do @hkotsubo, um detalhe importante sobre a minha regex e acho interessante acrescentar na resposta:
E .*
funciona porque o ponto corresponde a qualquer caractere, e o quantificador *
é "ganancioso" e tenta pegar a maior quantidade possível de caracteres, e por isso ele vai até o final da string. Por isso que tudo que vem depois do hífen é colocado no array (sem os parênteses não funcionaria).