Intento imprimir en una cadena, pero por alguna razón da un objeto.
Quiero obtener (ejemplo 20220515) como cadena y luego cortarlo para obtener dos primeros dígitos.
// Button const birthDate = document.querySelector('#dateSubmit'); // Date input birthDate.onclick = function() { let in1 = document.querySelector('#birthday'); let birthDate = (in1.value).replaceAll("-", ""); let dateNow = 20220515; let old = dateNow - parseInt(birthDate); // 320411 let result = toString(old); console.log(result); // [object Undefined] ? console.log(typeof result); // string }Esto es básicamente un error tipográfico, quieres old.toString() , no toString(old) (y no puedes usar esos números similares a fechas, más abajo¹). Pero entonces la pregunta es: ¿Qué es esta función toString global y por qué, cuando la llama, obtiene la cadena "[object Undefined]" ? Ejemplo:
console.log(toString()); // "[object Undefined]" console.log(toString(42)); // "[object Undefined]" console.log(toString("hi")); // "[object Undefined]" La respuesta está en la naturaleza compleja del entorno global de JavaScript. El entorno global se cierra sobre el objeto global (ver la especificación aquí y aquí ). Eso significa que todas las propiedades del objeto global son accesibles como globales. El objeto global hereda de Object.prototype , que define toString , por lo que el toString global es Object.prototype.toString :
console.log(toString === Object.prototype.toString); // true Bien, hasta ahora todo bien. Pero, ¿por qué llamar a toString nos da "[object Undefined]" ?
Porque Object.prototype.toString se define como una función de modo estricto, lo que significa que las llamadas independientes como toString() obtienen el valor undefined como this . Object.prototype.toString se define como que devuelve "[object Undefined]" cuando lo llama con this conjunto en undefined .
¹ Entonces, sobre esos números tipo fecha, 20220515 y demás. No puedes hacer matemáticas de fechas con esos números de manera útil. En su lugar, use Instancias de Date y milisegundos desde la época, el valor numérico (la cantidad de milisegundos desde el 1 de enero de 1970 a la medianoche GMT) que subyace a las fechas. (O podría considerar usar las próximas cosas Temporal ). Por ejemplo:
const dateNow = new Date(); const birthDate = new Date(in1.value); // **ONLY** if it's in the right format const millisecondsSinceBirth = birthDate - birthday;A partir de esos milisegundos se pueden calcular años, meses, días, etc.
new Date solo sabe cómo analizar un formato muy específico, consulte las respuestas de esta pregunta para obtener sugerencias de análisis para otros formatos.
La función toString() no le pasa una variable, su fórmula general:
Número.prototipo.toString()
es así para convertir el número a texto,
modificar el código de la siguiente manera:
// Button const birthDate = document.querySelector('#dateSubmit'); // Date input birthDate.onclick = function() { let in1 = document.querySelector('#birthday'); let birthDate = (in1.value).replaceAll("-", ""); let dateNow = 20220515; let old = dateNow - parseInt(birthDate); // 320411 let result = old.toString(); console.log(result); // 320411 console.log(typeof result); // string }Debería haber usado "String()" en lugar de "toString()"
// Button const birthDate = document.querySelector('#dateSubmit'); // Date input birthDate.onclick = function() { let in1 = document.querySelector('#birthday'); let birthDate = (in1.value).replaceAll("-", ""); let dateNow = 20220515; const num = dateNow - parseInt(birthDate); // 320411 const first2Str = String(num).slice(0, 2); // 👉️ '13' const first2Num = Number(first2Str); // 👉️ 13 console.log(first2Num); }