如何在不看到 [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>