De fato, em uma função recursiva, é crucial ter uma condição de parada.
Mas o problema é que quando o array tem tamanho zero, ele não entra no if
, e a função não encontra nenhum return
. E nestes casos, a função acaba retornando undefined
.
Então você precisa retornar algo quando o array for vazio. No caso, como você está montando uma string com os elementos, basta retornar uma string vazia:
function meuArrayRecursivo(arr) {
if (arr.length > 0) {
let el = arr[0];
arr.shift();
return `${el} ${meuArrayRecursivo(arr)}`;
}
return ''; // <--- aqui
};
console.log(meuArrayRecursivo([1, 2])); // 1 2
Também mudei o código acima para usar uma function
normal. O uso de arrow function aqui não traz vantagem nenhuma - muita gente acha que é a única forma/a "melhor"/mais "moderna", etc, mas na verdade existem algumas diferenças (no exemplo específico não tem, mas há casos em que tem, veja a documentação para mais detalhes - este link também é interessante).
Detalhe que o método shift
, além de remover o primeiro elemento do array, também retorna este elemento, então você poderia fazer assim:
function meuArrayRecursivo(arr) {
if (arr.length > 0) {
return `${arr.shift()} ${meuArrayRecursivo(arr)}`;
}
return '';
};
console.log(meuArrayRecursivo([1, 2]));
Ou assim:
function meuArrayRecursivo(arr) {
return arr.length ? `${arr.shift()} ${meuArrayRecursivo(arr)}` : '';
};
console.log(meuArrayRecursivo([1, 2]));