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?