Skip to main content
3 de 4
adicionou 2 caracteres ao conteúdo; título editado
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

Por que, quando um iterador não é utilizado, um emoji é "quebrado" em duas partes?

Considerando o trecho de código a seguir:

const str = 'Olá! 😀';

str.split('').forEach((char) => console.log(char));

Note que todos os caracteres foram separados da string corretamente. Contudo, o emoji foi separado em duas partes — e .

Mas, se eu usar algum recurso mais novo da linguagem (que trabalha com o protocolo do iterador), o emoji não é dividido em duas partes. Veja estes dois exemplos:

const str = 'Olá! 😀';

for (const char of str) {
  console.log(char);
}

Ou até mesmo um exemplo mais similar ao primeiro excerto de código desta pergunta. A única diferença é que, ao contrário do split, a sintaxe de espalhamento foi utilizada:

const str = 'Olá! 😀';

[...str].forEach((char) => console.log(char));

A sintaxe de espalhamento utiliza, por baixo dos panos, o protocolo de iteradores do ECMAScript. Por isso creio que há alguma relação.

Por que acontece isso? O que provoca essa diferença?

Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154