Complementando as outras respostas: quando a string contém um número inteiro (como '123'
, '42'
, etc), não há diferença no resultado. Mas quando a string não é exatamente um número inteiro, os resultados podem ser diferentes. Por exemplo:
['', ' ', '\n', '7.5', '1x', '1.2.3', '3e2', 'xyz'].forEach(s => {
console.log(`+"${s}" = ${+s} - parseInt("${s}") = ${parseInt(s)}`);
});
Desses, somente a string 'xyz'
dá o mesmo resultado para ambos os casos. As demais não:
+"" = 0 - parseInt("") = NaN
+" " = 0 - parseInt(" ") = NaN
+"
" = 0 - parseInt("
") = NaN
+"7.5" = 7.5 - parseInt("7.5") = 7
+"1x" = NaN - parseInt("1x") = 1
+"1.2.3" = NaN - parseInt("1.2.3") = 1
+"3e2" = 300 - parseInt("3e2") = 3
+"xyz" = NaN - parseInt("xyz") = NaN
Para string vazia, string contendo vários espaços e string contendo quebra de linha (\n
), a conversão com +
retorna zero, e parseInt
retorna NaN
.
Para uma string que representa um float, +
dá o mesmo resultado de parseFloat
e mantém as casas após a vírgula, retornando 7.5
. Já parseInt
remove as casas decimais e retorna 7
.
Para '1x'
, o +
retorna NaN
, enquanto parseInt
retorna 1
. Isso acontece porque segundo a especificação o operador unário +
, quando aplicado a strings, usa o algoritmo descrito aqui (que basicamente não reconhece o caractere x
e por isso falha e retorna NaN
). Já parseInt
usa um algoritmo diferente: ele vai lendo os dígitos e quando encontra algo que não é um dígito válido, ignora o restante da string e converte os dígitos que leu até o momento, e por isso o retorno é 1
(similar ao que o PHP faz). O mesmo acontece para '1.2.3'
, que retorna NaN
com o operador +
, mas retorna 1
com parseInt
.
Já um número em notação científica ('3e2'
) é reconhecido corretamente por +
, que retorna 300
. Mas parseInt
não reconhece este formato e retorna 3
(pelo motivo já descrito no parágrafo anterior). Nesse caso, você poderia usar parseFloat('3e2')
, que retorna 300
.
Por fim, para a string 'xyz'
, ambos retornam NaN
.
Vale lembrar também que há algumas situações bizarras que podem ocorrer se você passa números em vez de strings para parseInt
:
console.log(parseInt(0.0000005)); // 5
console.log(parseInt(1000000000000000000000)); // 1
// com o "+" isso não ocorre
// obs: os valores ficam corretos, mas a saída estará em notação científica
console.log(+0.0000005); // 5e-7
console.log(+1000000000000000000000); // 1e+21
Achou estranho? A explicação está aqui.
Nesta resposta do SOen tem uma tabela comparativa bem completa, com mais casos e os respectivos resultados para cada conversão. Nesse mesmo link há outras respostas que citam outras diferenças e corner cases.
Testes feitos no Firefox 68.0.2 e Chrome 76.0.3809.132 (ambos para Windows 64 bits).
parseInt
pra especificar a base da conversão se por algum acaso ou azar você tenha que dar suporte para IE8-