Добавление в таблицу

const friends = [ 
        { 
            "steamid": "76561198015673172", 
            "relationship": "friend", 
            "friend_since": 1500131828 
        }, 
        { 
            "steamid": "76561198032830606", 
            "relationship": "friend", 
            "friend_since": 1495349532 
        } 
]; 
 
 
var friend = ''; // Первый undefined был тут. Начнайте с пустой строки 
for (var prop in friends) { // Prop это не prop, а номер друга в массиве 
     friend += '<tr class="row">' + '<td class="cell" id="friends-avatar">' + friends[prop].steamid + '</td>' + '<td class="cell" id="relationship">' + friends[prop].relationship + '</td>' + '<td class="cell" id="friend_since">' + friends[prop].friend_since + '</td>' + '</tr>'; 
     // Вы зачем-то каждую итерацию добавляете в таблицу  
     // всех друзей от первого до текущего. 
     // friends.append(friend);  
}      
console.log(friend); 
 
 
// Как я бы это сделал: 
console.log(friends.map(friend => ` 
<tr class="row"> 
    <td class="cell" id="friends-avatar">${friend.steamid}</td> 
    <td class="cell" id="relationship">${friend.relationship}</td> 
    <td class="cell" id="friend_since">${friend.friend_since}</td> 
</tr>` 
).join(''));