how do I return the whole object without seeing [object Object]?-CodePudding

This code updates the object properties and their values but when I try to return the object, I get [object Object] on my screen. How do I Return the whole 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>

CodePudding user response：

You have to create a string at some point. JSON.stringify(records) is the closest you will get to printing the object.

//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>