如何对从AJAX调用返回的数据进行分组？

Question

我在sharepoint中创建了一个列表，用于收集用户信息。每个条目都有日期。某些日子有很多条目。我的目标是创建一个具有日期的选择菜单。当我单击菜单时，将填充日期，但它们会重复。如何将它们作为单个值返回？我试图嵌套另一个for循环和if语句。$.ajax({   url:url,   method:'GET',   headers:{ 'Accept': 'application/json; odata=verbose' },   success: function(data){     var dat = data.d.results;      for (var i = 0;i < dat.length; i++){    html+='<optionvalue='+itm.dateVal+'>'+itm.dateVal+'</option>';       }     $('#week-selector').append(html);   },   error: function(e){    console.log('error:'+e);   }            });我得到的输出是：3/3/20193/3/20193/3/20193/3/20193/6/20193/6/20193/10/20193/10/2019我想得到的输出是：3/3/20193/6/20193/10/2019

Answer 1

您可以使用Set删除重复的值，然后将其转换回数组：

var arr = [

    "3/3/2019",

    "3/3/2019",

    "3/3/2019",

    "3/3/2019",

    "3/6/2019",

    "3/6/2019",

    "3/10/2019",

    "3/10/2019"

];

console.log(Array.from(new Set(arr)));

// ["3/3/2019", "3/6/2019", "3/10/2019"]```

Answer 2

您可以轻松编写过滤器函数以获取不同的值。

var arr = [

"3/3/2019",

"3/3/2019",

"3/3/2019",

"3/3/2019",

"3/6/2019",

"3/6/2019",

"3/10/2019",

"3/10/2019"

];

var distinctDates = arr.filter(function(val, idx, self){ return self.indexOf(val) === idx; });

console.log(distinctDates);

在ES6中，您可以按以下方式进行操作

var arr = [

"3/3/2019",

"3/3/2019",

"3/3/2019",

"3/3/2019",

"3/6/2019",

"3/6/2019",

"3/10/2019",

"3/10/2019"

];

var distinctDates = [...new Set(arr)];

console.log(distinctDates);

Answer 3

var arr = ['3/3/2019'，'3/3/2019'，'4/4/2019']

arr.filter（function（item，i）{return arr.indexOf（item）== i;}）