如何在 JavaScript 中从数组中分离相同的数据

Question

我有选择选项，它返回数据数组，所有返回的数据都包含所选选项的名称。 我需要从所有人中取出这个名字并只打印一次

逻辑

1. 我选择Project 1
2. 它返回 4 个结果（在此示例中）
3. 所有这 4 个都包含在project: Project 1
4. 我只想让Project 1一次，以便在我的表头中显示它。

代码

$.ajax({
    type:'GET',
    url:'{{url('dashboard/getProjectVisits')}}/'+projectID,
    success:function(data){
        $('.addVisit').hide();
        //return existed data to schedules
        $('#schedule_table2').html('');
        $(data).each(function(_, i){
            var row = `<tr data-id="${i.id}">'+
            '<td>${i.fromDate}</td>'+
            '<td>${i.toDate}</td>'+
            '<td width="150">${i.location}</td>'+
            '<td>${i.description}</td>'+
            '<td width="100">${i.status}</td></tr>'`;
            $('#schedule_table2').append(row);
        });

        //rest of the code
    }
});

我想在我的表头中附加那个Project 1 ，但我需要先把它从我的循环中取出来。 知道怎么做吗？

Answer 1

试试这个以获得不同的项目值：

let arr = [{project:'project1'},{project:'project1'},{project:'project2'}];

const distinctPrj = arr.reduce((res,cur)=>{
  if (!res.includes(cur.project)) res.push(cur.project);
  return res;
},[])

console.log(distinctPrj);