Para mí, estos 2 casos:
parseInt("123"); // devuelve 123
parseInt("abc"); // devuelve NaN
Son claros y arrojan el resultado esperado, la confusión entra cuando se hace
parseInt("456xyz"); // devuelve 456
Como bien ya han explicado anteriormente esto se debe a que parseInt
al encontrar una letra la ignora e ignora todo carácter que la suceda (incluidos otros números).
Para mí lo interesante de tu pregunta es el -¿Por qué?-, cual es el motivo detrás de ese comportamiento, que por lo menos para mi es contraintuitivo.
Lamentablemente, después de una pequeña investigación no he podido encontrar la razón, incluso le pregunté a ChatGPT el cual me respondió que es intencional y se debe para facilitar la separación de una cadena en su parte numérica y texto (cada uno es libre de creerle o no)
En lo personal, como desarrollador que trabaja con JS desde casi sus inicios, este nefasto lenguaje que fue creado "a la rápida" incluyó errores de diseño graves, algunos resueltos con el tiempo y otros no. Muchos de estos errores han querido justificarlos, como el caso que indica ChatGPT que sería para separar una cadena, pero si fuera así también debería funcionar con abc123
y no lo hace.
Y tal como ha sido la costumbre en este lenguaje, la solución ha pasado por incluir nuevas funciones o API y no modificar la que tiene comportamiento anómalo, esto para asegurar la retrocompatibilidad.
En este caso, la API es Number
console.log("parseInt vs Number");
console.log( parseInt("123"), Number("123"));
console.log( parseInt("123abc"), Number("123abc"));
console.log( parseInt("abc123"), Number("abc123"));
Como nota adicional en la documentación de mdn dice:
The function converts its first argument to a string, parses that
string, then returns an integer or .parseIntNaN
Es decir, que el primer argumento se transforma a string
y desde ahí comienza a trabajar. Entonces esto es equivalente:
parseInt("10"); // devuelve 10
parseInt(10); // devuelve 10
Ya que si ingreso 10 como entero o como string, es irrelevante, porque siempre se convierte a string. El problema, y para mi otro error de diseño, es que si pongo algo con notación exponencial no guarda la congruencia, no así Number
que funciona como se espera.
console.log( parseInt("2e2") ,Number("2e2"));
console.log( parseInt(2e2), Number(2e2));