<table>
  <tbody id="num">
      <tr id="channel_list" class="danger"></tr>
 </tbody>
</table>
<script>
   var id = 2;
   var tbody = document.querySelector("#num");
   var tr = tbody.insertRow(tbody.rows.length);
   tr.insertAdjacentHTML("beforeEnd", "<td>ID:</td><td>" + id + "</td>");

</script>

var out = {};
socket.on("test", function(data) {
  console.log(data.text.length);
  var num = data.text.length;
  for (var i = 0; i < num; i++) {
    var id = data.text[i].client_ids;
    if (!out[id]) {
      var tr = $("<tr><td>ID:</td><td>" + id + "</td></tr>").appendTo("#num");
      out[id] = tr;
    }
  }
});

var list = {};
    socket.on("lists", function(data) {
        console.log(data.text);
        let length = data.text.length;
        for (var i = 0; i < length; i++) {
            let login = data.text[i].nickname;
            if (!list[login]) {
				let tbody = document.querySelector("#num");
				let tr = tbody.insertAdjacentHTML('beforeEnd', '<tr><td>User: '+i+'</td><td>' + login + '</td></tr>');
                list[login] = tr;
            }
        }
    });

var list = {};
    socket.on("lists", function(data) {
        console.log(data.text);
        let length = data.text.length;
        for (var i = 0; i < length; i++) {
            let login = data.text[i].nickname;
            if (!list[login]) {
        let tbody = document.querySelector("#num");
        let tr = tbody.insertRow(tbody.rows.length);
        tr.insertAdjacentHTML("beforeEnd", '<td>User: '+i+'</td><td>' + login + '</td>');
        list[login] = tr;
            }
        }
    });