Home/JavaScript Engine Masterclass 2026/

Displaying Objects

Q: What happens if you console.log an object directly?

Answer: In a browser console, it shows an interactive dropdown. However, if used in an alert or document.write, it will often display the generic string '[object Object]'..

Q: How do you convert an object to a list of its values?

Answer: You can use the built-in Object.values(myObj) method, which returns an array of the object's property values..

Q: Will JSON.stringify convert object methods?

Answer: No. JSON.stringify() only converts data properties. Functions are omitted from the resulting JSON string..

Master this topic with zero to advance depth.

Expert Answer & Key Takeaways

Mastering Displaying Objects is essential for high-fidelity technical architecture and senior engineering roles in 2026.

JavaScript Object Display

How to display a JavaScript object? Displaying a JavaScript object will output [object Object] if you try to print it as a string.

1. Displaying Object Properties

The properties of an object can be displayed as a string:

const person = {name: "John", age: 30, city: "New York"};
console.log(person.name + ", " + person.age + ", " + person.city);

2. Displaying the Object in a Loop

The properties of an object can be collected in a loop:

let text = "";
for (let x in person) {
  text += person[x] + " ";
}

3. Using Object.values()

Any JavaScript object can be converted to an array using Object.values():

const person = {name: "John", age: 30, city: "New York"};
const myArray = Object.values(person);
// myArray becomes ["John", 30, "New York"]

4. Using JSON.stringify()

Any JavaScript object can be stringified (converted to a string) with the JavaScript function JSON.stringify():

const person = {name: "John", age: 30, city: "New York"};
let myString = JSON.stringify(person);
// myString is now a string: '{"name":"John","age":30,"city":"New York"}'

[!IMPORTANT] JSON.stringify() will NOT stringify functions. It will also remove them from the object if they exist.

Displaying Objects

Expert Answer & Key Takeaways

JavaScript Object Display

1. Displaying Object Properties

2. Displaying the Object in a Loop

3. Using Object.values()

4. Using JSON.stringify()

Top Interview Questions

?Interview Question

?Interview Question

?Interview Question

Course4All Engineering Team

Found an issue or have a suggestion?

Displaying Objects

Expert Answer & Key Takeaways

JavaScript Object Display

1. Displaying Object Properties

2. Displaying the Object in a Loop

3. Using Object.values()

4. Using JSON.stringify()

Top Interview Questions

?Interview Question

?Interview Question

?Interview Question

Course4All Engineering Team

Explore More javascript

Object Accessors

Constructors

Prototypes

Objects vs Primitives

Found an issue or have a suggestion?