javascript - 我如何检查 Javascript 中的唯一性？

Question

我有一个下拉菜单。

---

JS

$.each(responseData.assignments, function(i, v) {

    var assessmentId = v.assessmentId;
    var assessmentType = v.assessmentType;

    // Auto Populate the dropdown-menu
    $('#student-dd').append('<option value="' + assessmentId + '">' + assessmentType + '</option>');

});

---

目标 我只想展示一个 HOMEWORK/COURSE_BENCHMARK，不管其中有多少。如何检查 Javascript 中的唯一性？

Answer 1

您可以在添加新内容之前使用过滤器功能检查该下拉列表中具有相同文本的选项元素的长度:

$.each(responseData.assignments, function(i, v) {

  var assessmentId = v.assessmentId;
  var assessmentType = v.assessmentType;

  // Auto Populate the dropdown-menu

  var optionwithsametext = $('#student-dd option').filter(function(){
      return $(this).text() == assessmentType ;
  })
  if(!optionwithsametext.length)
    $('#student-dd').append('<option value="' + assessmentId + '">' + assessmentType + '</option>');

 });