JavaScript object properties can be displayed according to name, within a loop, using Object.values(), or using JSON.stringify().

HTML Code (where the result will be placed):

<p id="demo"></p>

JavaScript:

// object
const car = {
    type: "Maserati", 
    model: "Quattroporte", 
    color: "white"
};

// display the object itself
document.getElementById("demo").innerHTML = car;

Displaying a JavaScript object will output [object Object].

[object Object]

HTML Code (where the result will be placed):

<p id="demo"></p>

JavaScript:

// object
const car = {
    type: "Maserati", 
    model: "Quattroporte", 
    color: "white"
};

// display the object properties as a string
document.getElementById("demo").innerHTML =
car.color + " " + car.type + " " + car.model;

Displaying the JavaScript object properties as a string.

white Maserati Quattroporte

HTML Code (where the result will be placed):

<p id="demo"></p>

JavaScript:

// object
const car = {
    type: "Maserati", 
    model: "Quattroporte", 
    color: "white"
};

// build the text from the properties
let text = "";
for (let x in car) {
    text += person[x] + " ";
};

// display the object properties as a string
document.getElementById("demo").innerHTML = text;

Displaying the JavaScript object properties as a string.

Maserati Quattroporte white

JavaScript objects can be converted to a string with the JSON method JSON.stringify(), which is included and supported in all browsers.

<p id="demo"></p>

JavaScript:

// object
const car = {
    type: "Maserati", 
    model: "Quattroporte", 
    color: "white"
};

// convert object to JSON
let text = JSON.stringify(car);

// display the object properties as a string
document.getElementById("demo").innerHTML = text;

Displaying the JavaScript object properties in JSON format.

{"type":"Maserati","model":"Quattroporte","color":"white"}

---