Javascript 从HTML表中的JSON url加载数据，不重复

我已经创建了表，我已经解析了JSON url中的数据（在代码段中，我将其更改为使其工作），现在我只想加载唯一的值。例如，“黛布拉”可以出现两次

$（函数（）{
var数据=[{“id”：2.2，“名字”：“黛布拉”，“姓氏”：“罗德里格斯”，“电子邮件”：drodriguez0@admin.ch，“性别”：“女性”，“ip地址”：“90.22.159.108”}，
{“id”：2，“名字”：“朱莉”，“姓氏”：“林奇”，“电子邮件”：jlynch1@tumblr.com，“性别”：“女性”，“ip地址”：“54.182.62.180”}，
{“id”：3，“名字”：“诺玛”，“姓氏”：“华盛顿”，“电子邮件”：nwashington2@theatlantic.com“，”性别“：”女性“，”ip_地址“：”70.163.106.64”}，
{“id”：4，“名字”：“Bobby”，“姓氏”：“Castillo”，“电子邮件”：bcastillo3@nbcnews.com“，”性别“：”男性“，”ip_地址“：”91.202.59.171”}，
{“id”：5，“名字”：“亨利”，“姓氏”：“查韦斯”，“电子邮件”：hchavez4@chronoengine.com，“性别”：“男性”，“ip地址”：“32.237.37.185”}，
{“id”：6，“名字”：“黛布拉”，“姓氏”：“霍华德”，“电子邮件”：showard5@stumbleupon.com，“性别”：“女性”，“ip地址”：“17.217.42.49”}，
{“id”：7，“名字”：“杰森”，“姓氏”：“鲍威尔”，“电子邮件”：jpowell6@telegraph.co.uk，“性别”：“男性”，“ip地址”：“14.81.195.117”}，
{“id”：8，“名字”：“肖恩”，“姓氏”：“伯恩斯”，“电子邮件”：sburns7@hp.com，“性别”：“男性”，“ip地址”：“213.164.85.212”}，
{“id”：9，“名字”：“杰奎琳”，“姓氏”：“戈登”，“电子邮件”：jgordon8@bloglines.com，“性别”：“女性”，“ip地址”：“18.251.62.55”}，
{“id”：10，“名字”：“拉塞尔”，“姓氏”：“理查兹”，“电子邮件”：rrichards9@com.com，“性别”：“男性”，“ip地址”：“27.226.59.80”}，
{“id”：11，“名字”：“Albert”，“姓氏”：“Perkins”，“电子邮件”：aperkinsa@hc360.com，“性别”：“男性”，“ip地址”：“243.122.251.248”}，
{“id”：12，“名字”：“迈克尔”，“姓氏”：“威利斯”，“电子邮件”：mwillisb@deviantart.com，“性别”：“男性”，“ip地址”：“252.197.211.230”}，
{“id”：13，“名字”：“琼”，“姓氏”：“汉密尔顿”，“电子邮件”：jhamiltonc@weebly.com，“性别”：“女性”，“ip地址”：“204.70.110.117”}，
{“id”：14，“名字”：“埃里克”，“姓氏”：“加西亚”，“电子邮件”：egarciad@yahoo.co.jp，“性别”：“男性”，“ip地址”：“178.221.216.3”}，
{“id”：15，“名字”：“弗兰克”，“姓氏”：“奥尔森”，“电子邮件”：folsone@amazon.co.uk，“性别”：“男性”，“ip地址”：“245.25.170.33”}，
{“id”：16，“名字”：“凯利”，“姓氏”：“富勒”，“电子邮件”：kfullerf@tripod.com“，”性别“：”女性“，”ip_地址“：”199.209.173.51”}，
{“id”：17，“名字”：“弗兰克”，“姓氏”：“库克”，“电子邮件”：fcookg@google.com，“性别”：“男性”，“ip地址”：“58.30.243.1”}，
{“id”：18，“名字”：“艾伦”，“姓氏”：“赖斯”，“电子邮件”：ariceh@sciencedirect.com，“性别”：“男性”，“ip地址”：“44.231.199.117”}，
{“id”：19，“名字”：“马克”，“姓氏”：“格林”，“电子邮件”：mgreenei@paypal.com，“性别”：“男性”，“ip地址”：“45.34.44.2”}，
{“id”：20，“名字”：“查尔斯”，“姓氏”：“国王”，“电子邮件”：ckingj@clickbank.net“，”性别“：”男性“，”ip_地址“：”237.30.205.186“}]；
var-tr；
$。每个（数据、函数（键、值）{
tr=$（''）；
tr.append（“”+val.first_name+“”）；
$（'table'）。追加（tr）；
});
});
h1{
字体大小：30px；
颜色：#fff；
文本转换：大写；
字体大小：300；
文本对齐：居中；
边缘底部：15px；
}
桌子{
宽度：100%；
表布局：固定；
}
.tbl标题{
背景色：rgba（255255,0.3）；
}
.tbl内容{
高度：300px；
溢出-x：自动；
边际上限：0px；
}
th{
填充：20px 15px；
文本对齐：左对齐；
字号：500；
字体大小：12px；
颜色：#fff；
文本转换：大写；
}
运输署{
填充：10px；
文本对齐：左对齐；
垂直对齐：中间对齐；
字体大小：300；
字体大小：12px；
颜色：#fff；
}
tr:N个孩子（奇数）td{
背景：#2cc3ce；
颜色：#0d3852；
}
/*演示样式*/
@导入url(http://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
身体{
背景#0d3852；
字体系列：“Roboto”，无衬线；
}
部分{
利润率：50像素；
}
输入{
最大宽度：50px；
文本对齐：左对齐；
边框：1px实心#aaa；
背景色：#fff；
填充：5px20px 5px 5px；
页边顶部：1px；
字体大小：13px；
}
*,
*：之后，
*：：之前{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.空调定制{
填充：0.1em；
最大宽度：900px；
保证金：0自动；
}
.ac定制h2{
字号：1em；
字体大小：300；
填充：0.5em；
利润率：0.30px；
颜色：#0d3852；
}
.ac定制ul，
.ac定制ol{
列表样式：无；
填充：0；
保证金：0自动；
最大宽度：800px；
}
.ac海关李{
保证金：0自动；
填充：0.5em0；
位置：相对位置；
}
.ac定制标签{
显示：内联块；
位置：相对位置；
字号：1em；
填充：0 80px；
垂直对齐：顶部；
颜色：#0d3852；
光标：指针；
-webkit转换：颜色0.3s；
过渡：颜色0.3s；
}
.ac自定义输入[type=“checkbox”]，
.ac自定义输入[type=“radio”]，
.ac自定义标签：：之前{
宽度：20px；
高度：20px；
最高：50%；
左：0；
边缘顶部：-12px；
位置：绝对位置；
光标：指针；
}
.ac自定义输入[type=“checkbox”]，
.ac自定义输入[type=“radio”]{
不透明度：0；
-webkit外观：无；
显示：内联块；
垂直对齐：中间对齐；
z指数：100；
}
.ac自定义标签：：之前{
内容：''；
边框：1px实心#0d3852；
-webkit转换：不透明度0.3s；
过渡：不透明度0.3s；
}
.ac无线电标签：：之前{
边界半径：50%；
}
.ac自定义输入[type=“checkbox”]：选中+标签，
.ac自定义输入[type=“radio”]：选中+标签{
颜色：#fff；
} 
.ac自定义输入[type=“checkbox”]：选中+标签：：之前，
.ac自定义输入[type=“radio”]：选中+标签：：之前{
不透明度：0.8；
}
/*通用SVG和路径样式*/
.ac自定义svg{
位置：绝对位置；
宽度：20px；
高度：20px；
最高：50%；
边缘顶部：-12px；
左：0px；
指针事件：无；
}
.ac自定义svg路径{
行程：#0d3852；
笔画宽度：13px；
笔划线头：圆形；
笔划线条连接：圆形；
填充：无；
}
/*特定输入、SVG和路径样式*/
var seenNames = {};
data = data.filter(function(currentObject) {
    if (currentObject.first_name in seenNames) { //Checks if first_name already in array.
       return false;
    } else {
       seenNames[currentObject.first_name] = true;
       return true;
    } 
});

       var tr;
       var alreadyused = []; //This creates an array
        $.each(data, function(key, val) {
            if ($.inArray(val.first_name, alreadyused) == -1) { // This checks if first name already in array
                tr = $('<tr/>');
                tr.append('<td class="name" rel="' + val.first_name + '">' + val.first_name + '</td>');
                $('table').append(tr);
                alreadyused.push(val.first_name); // This adds firstname to array           
            }
        });
    });