Можно вывести значения из объекта как список?

var user1 = { 
   name: 'Vasya', 
   surname: 'Ivanov', 
   age: 27, 
   city: 'Moscow' 
}; 
 
var content = []; 
for (var key in user1) { 
  content.push(key + ": " + user1[key]); 
} 
 
document.getElementById("test").innerHTML = content.join("<br/>");

<div id="test"></div>

var user1 = { 
   name: 'Vasya', 
   surname: 'Ivanov', 
   age: 27, 
   city: 'Moscow' 
}; 
 
document.getElementById("test").innerHTML =  
  Object.keys(user1).map(key => `${key}: ${user1[key]}`).join("<br/>");

<div id="test"></div>

var user1 = { 
   name: 'Vasya', 
   surname: 'Ivanov', 
   age: 27, 
   city: 'Moscow' 
}; 
 
document.getElementById("test").innerHTML =  
  Object.keys(user1).reduce((res,key) => `${res}${key}: ${user1[key]}<br/>`, "");

<div id="test"></div>

const user1 = { 
   name: 'Vasya', 
   surname: 'Ivanov', 
   age: 27, 
   city: 'Moscow' 
} 
 
const result = Object.entries(user1).map( 
  ([key, val]) => `${key}: ${val}` 
).join('\n') 
 
document.querySelector('pre').textContent = result 
console.log(result)

<pre></pre>

var user1 = { 
   name: 'Vasya', 
   surname: 'Ivanov', 
   age: 27, 
   city: 'Moscow' 
} 
var result = JSON.stringify(user1, null, ' ') 
 
document.querySelector('pre').textContent = result

<pre></pre>