如何在不看到[object object]的情况下返回整个对象

Question

此代码更新对象属性及其值，但当我尝试返回对象时，屏幕上会显示[object object]。如何返回整个对象？

<div id="demo"></div>

//the javascript code
const recordCollection = {
2548: {
albumTitle: 'Slippery When Wet',
artist: 'Bon Jovi',
tracks: ['Let It Rock', 'You ive Love a Bad Name']
},
2468: {
albumTitle: '1999',
artist: 'Prince',
tracks: ['1999', 'Little Red Corvette']
},
1245: {
artist: 'Robert Palmer',
tracks:[]
},
5439: {
albumTitle: 'ABBA Gold'
}
}
function updateRecords(records, id, prop, value) {
let demo = document.getElementById('demo');

if (prop !== "tracks" && value !== "") {
records[id][prop] = value;
} else if (prop === "tracks" && records[id].hasOwnProperty("tracks") === false) {
// let add = [];
records[id][prop] == [value];
} else if (prop === "tracks" && value !== "") {
records[id][prop].push(value);
} else if (value === "") {
delete records[id][prop];
}
demo.innerHTML = records;
return demo;
}
updateRecords(recordCollection, 5439, 'artist', 'ABBA');

<!-- The html code -->
<div id="demo"></div>

Answer 1

您必须在某个时刻创建一个字符串。JSON.stringify(records)是最接近打印对象的值。

//the javascript code
const recordCollection = {
2548: {
albumTitle: 'Slippery When Wet',
artist: 'Bon Jovi',
tracks: ['Let It Rock', 'You ive Love a Bad Name']
},
2468: {
albumTitle: '1999',
artist: 'Prince',
tracks: ['1999', 'Little Red Corvette']
},
1245: {
artist: 'Robert Palmer',
tracks:[]
},
5439: {
albumTitle: 'ABBA Gold'
}
}
function updateRecords(records, id, prop, value) {
let demo = document.getElementById('demo');

if (prop !== "tracks" && value !== "") {
records[id][prop] = value;
} else if (prop === "tracks" && records[id].hasOwnProperty("tracks") === false) {
// let add = [];
records[id][prop] == [value];
} else if (prop === "tracks" && value !== "") {
records[id][prop].push(value);
} else if (value === "") {
delete records[id][prop];
}
demo.innerHTML = JSON.stringify(records, null, 2);
return demo;
}
updateRecords(recordCollection, 5439, 'artist', 'ABBA');

<!-- The html code -->
<pre id="demo"></pre>