<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
let arr =[{name: "testserver", map: "de_dust2", password: false, maxplayers: 10},
{name: "testserver1", map: "de_dust2", password: false, maxplayers: 10},
{name: "testserver2", map: "de_dust2", password: false, maxplayers: 10}];
for(var i = 0; i<arr.length; i++) document.body.insertAdjacentHTML('beforeend', '<div>'+arr[i].name+' '+arr[i].map+' '+arr[i].password+' '+arr[i].maxplayers+'</div>');
</script>
</body>
</html>