Cuando se quiere concatenar una cadena de caracteres a una clase, se realiza una llamada al método Object.toString()
de dicha clase para convertir el contenido en una cadena que pueda ser concatenada.
Por defecto dicho método mostrará el texto [object Object]
, pero puedes crear tu propio método toString()
personalizado para hacer el trabajo con mayor flexibilidad:
/* Mi método personalizado */
function miToStringGenerico() {
return JSON.stringify(this);
}
Por lo que al asignarlo a cualquier variable, al mostrar su contenido se aplicará JSON.stringify()
al contenido:
/* Mi método personalizado */
function miToStringGenerico() {
return JSON.stringify(this);
}
/* Datos básicos de ejemplo */
let pruebas = { a: 1, b: 2 };
/* Ahora se llamará al toString por defecto para concatenar el contenido */
console.log("Resultado: " + pruebas);
/* Resultado: [object Object] */
/* Ahora se concatenará usando la función toString propia */
pruebas.toString = miToStringGenerico;
console.log("Resultado: " + pruebas);
/* Resultado: {"a":1,"b":2} */
Se puede generar un toString()
personalizado para los datos en el formato que se desee. Puedes ver un ejemplo más abajo.
Aquí tienes un ejemplo con datos genéricos:
var biblioteca = new Array();
/* Mi método personalizado */
function miToStringGenerico() {
return JSON.stringify(this);
}
function libro(titulo, autores, anyo, editorial) {
this.titulo = titulo;
this.autores = autores;
this.anyo = anyo;
this.editorial = editorial;
}
function autor(nombre, apellidos, edad, nacionalidad) {
this.nombre = nombre;
this.aepellidos = apellidos;
this.edad = edad;
this.nacionalidad = nacionalidad;
}
window.onload = function () {
document.getElementById("mostrar").onclick = Mostrar;
document.getElementById("insertar").onclick = insertarlibro;
document.getElementById("insertar").onclick = insertarautor;
}
function insertarlibro() {
var autores = new Array();
var titulo = prompt("Insertar el nombre del titulo del libro");
var anyo = parseInt(prompt("Año"));
var editorial = prompt("Inserta su editorial");
var numautores = parseInt(prompt("Cuantos autores vas a insertar"));
for (let i = 0; i < numautores; i++) {
let autor = insertarautor();
/* Aquí genero el método "toString" para que use el nuestro */
autor.toString = miToStringGenerico;
autores.push(autor);
}
var registrohecho = new libro(titulo, autores, anyo, editorial);
return registrohecho;
}
function insertarautor() {
var nombre = prompt("Insertar el nombre del autor").toUpperCase();
var apellidos = prompt("Insertar el apellidos del autor").toUpperCase();
var edad = parseInt(prompt("Edad"));
var nacionalidad = prompt("¿De que pais es el autor?");
var registrohecho = new autor(nombre, apellidos, edad, nacionalidad);
return registrohecho;
}
var numlibros = parseInt(prompt("Cuantos libros vas a insertar"));
for (let i = 0; i < numlibros; i++) {
var insertalibro = insertarlibro();
biblioteca.push(insertalibro);
}
function Mostrar() {
biblioteca.forEach(element => {
console.log("Error" + JSON.stringify(element.autores));
var muestra = "Nombre del libro:" + element.titulo + " autores: " + element.autores + " Año en el que se publico: " + element.anyo + " Editorial: " + element.editorial;
document.write(muestra);
});
}
<div id="insertar">
<input type="button" value="Insertar">
</div>
<div id="mostrar">
<input type="button" value="Mostrar">
</div>
Y aquí un ejemplo con los datos específicos del autor:
/* Mi método particular */
function autorToString() {
return `
<p>Apellidos, nombre: ${this.apellidos}, ${this.nombre}</p>
<p>Edad: ${this.edad}</p>
<p>Nacionalidad: ${this.nacionalidad}</p>
`;
}
Puedes ver el resultado aquí:
var biblioteca = new Array();
/* Mi método particular */
function autorToString() {
return `
<p>Apellidos, nombre: ${this.apellidos}, ${this.nombre}</p>
<p>Edad: ${this.edad}</p>
<p>Nacionalidad: ${this.nacionalidad}</p>
`;
}
function libro(titulo, autores, anyo, editorial) {
this.titulo = titulo;
this.autores = autores;
this.anyo = anyo;
this.editorial = editorial;
}
function autor(nombre, apellidos, edad, nacionalidad) {
this.nombre = nombre;
this.apellidos = apellidos;
this.edad = edad;
this.nacionalidad = nacionalidad;
}
window.onload = function () {
document.getElementById("mostrar").onclick = Mostrar;
document.getElementById("insertar").onclick = insertarlibro;
document.getElementById("insertar").onclick = insertarautor;
}
function insertarlibro() {
var autores = new Array();
var titulo = prompt("Insertar el nombre del titulo del libro");
var anyo = parseInt(prompt("Año"));
var editorial = prompt("Inserta su editorial");
var numautores = parseInt(prompt("Cuantos autores vas a insertar"));
for (let i = 0; i < numautores; i++) {
let autor = insertarautor();
/* Aquí genero el método "toString" para que use el nuestro */
autor.toString = autorToString;
autores.push(autor);
}
var registrohecho = new libro(titulo, autores, anyo, editorial);
return registrohecho;
}
function insertarautor() {
var nombre = prompt("Insertar el nombre del autor").toUpperCase();
var apellidos = prompt("Insertar el apellidos del autor").toUpperCase();
var edad = parseInt(prompt("Edad"));
var nacionalidad = prompt("¿De que pais es el autor?");
var registrohecho = new autor(nombre, apellidos, edad, nacionalidad);
return registrohecho;
}
var numlibros = parseInt(prompt("Cuantos libros vas a insertar"));
for (let i = 0; i < numlibros; i++) {
var insertalibro = insertarlibro();
biblioteca.push(insertalibro);
}
function Mostrar() {
biblioteca.forEach(element => {
console.log("Error" + JSON.stringify(element.autores));
var muestra = "Nombre del libro:" + element.titulo + " autores: " + element.autores + " Año en el que se publico: " + element.anyo + " Editorial: " + element.editorial;
document.write(muestra);
});
}
<div id="insertar">
<input type="button" value="Insertar">
</div>
<div id="mostrar">
<input type="button" value="Mostrar">
</div>
element.autores
lo que es un array.