如何将javascript数组输出到表中？答案

【问题标题】：how to output javascript array in to a table?如何将javascript数组输出到表中？
【发布时间】：2015-04-03 20:13:10
【问题描述】：

我有一个 javascript 数组，它记录来自所有 50 个州的调用，我编写了数组，以便在从同一州收到新调用时这些值不会重复。问题是它没有连接到我的桌子。我只有将位置输出到我的桌子并重复它本身。我想在我的数组中输出相同的数据，这样它们就不会重复，但仍然能够使用与该位置关联的数据，我该怎么做？

这是我的代码

var states = [];

channel.bind('call', function(data) {
    var location = data.location;
    var call_id = data.call_id;
    var status = data.status;
    if (states.indexOf(location) === -1) {
       states.push(location);
    }

    var output = '<tr class="phonedata"><td>' + location + '</td></tr>';
    $('.table').append(output);

    return output;
});

【问题讨论】：

你使用的是纯javascript吗？还是那个 JQuery？如果是这样，请添加适当的标签（您也可以在问题正文中特别提及它）。
我主要使用 javascript，一些 jquery 和 pusher api，添加了标签
我强烈建议使用支持数据绑定的库，例如Knockout 或Angular。

标签： javascript jquery arrays html pusher

【解决方案1】：

最好的方法是使用 List.js 库。这是example。

<div id="users">
  <input class="search" placeholder="Search" />
  <button class="sort" data-sort="name">
    Sort by name
  </button>

  <ul class="list">
    <li>
      <h3 class="name">Jonny Stromberg</h3>
      <p class="born">1986</p>
    </li>
    <li>
      <h3 class="name">Jonas Arnklint</h3>
      <p class="born">1985</p>
    </li>
    <li>
      <h3 class="name">Martina Elm</h3>
      <p class="born">1986</p>
    </li>
    <li>
      <h3 class="name">Gustaf Lindqvist</h3>
      <p class="born">1983</p>
    </li>
  </ul>

</div>
<script src="http://listjs.com/no-cdn/list.js"></script>

<script>
var options = {
  valueNames: [ 'name', 'born' ]
};

var userList = new List('users', options);
</script>

【讨论】：