我有以下javascript

var filtered = [];

$('#footballCheck').on('change', function() {
  if ($('#footballCheck').is(':checked')) {
    for (var i = 0; i < fa_names.length; i++) {
      if (fa_names[i]["facility_activity"].toLowerCase().indexOf("football") >= 0) {
        filtered.push(fa_names[i]);
      }
    }

    filtered.sort(SortByName);
    $('#mCSB_1_container').empty(".facility-name");
    for (var k = 0; k < filtered.length; k++) {
      $('#mCSB_1_container').append('<div class="row facility-name">\
                                             <button class="btn btn-default btn-fill btn-menu" date-name="' + filtered[k]["facility_name"] + '">' + filtered[k]["facility_name"] + '</button></div>');
      $('#facilities-body').mCustomScrollbar("update");
    }
  } else {
    for (var j = 0; j < filtered.length; j++) {
      if (filtered[j]["facility_activity"].toLowerCase().indexOf("football") >= 0) {
        delete filtered[j];
      }
    }
    console.log(filtered);
    console.log(filtered.length);
    if (filtered.length > 0) {
      filtered.sort(SortByName);
      $('#mCSB_1_container').empty(".facility-name");
      for (var k = 0; k < filtered.length; k++) {
        $('#mCSB_1_container').append('<div class="row facility-name">\
                                                 <button class="btn btn-default btn-fill btn-menu" date-name="' + filtered[k]["facility_name"] + '">' + filtered[k]["facility_name"] + '</button></div>');
        $('#facilities-body').mCustomScrollbar("update");
      }
    } else {
      $('#mCSB_1_container').empty(".facility-name");
      for (k = 0; k < fa_names.length; k++) {
        $('#mCSB_1_container').append('<div class="row facility-name">\
                                                 <button class="btn btn-default btn-fill btn-menu" date-name="' + fa_names[k]["facility_name"] + '">' + fa_names[k]["facility_name"] + '</button></div>');
        $('#facilities-body').mCustomScrollbar("update");
      }
    }
  }
});


应该执行以下操作:


如果选中此复选框,则遍历另一个数组并将其键值“ facility_activity”包含“ football”的所有对象推送到filtered数组
如果未选中,则从filtered数组中删除其键值“ facility_activity”包含“ football”的所有对象
如果未选中并且其长度> 0(表示仍有过滤对象),则打印这些对象
如果未选中它且filtered数组为空,则追加父数组中的所有项(未过滤的项)


这是fiddle

背景:复选框充当搜索的过滤器,而filtered数组存储这些过滤后的值(除了filtered数组已更改的位置以外,没有其他地方)。

我的问题是console.log(filtered)返回[],而console.log(filtered.length)不返回0,它应该。为什么会发生这种情况,我该如何解决?

最佳答案

数组上的delete不会更改数组的length。它只是将元素值设置为undefined。使用splice从数组中删除元素。

关于javascript - console.log(array)返回空,但console.log(array.length)不返回0,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36825511/

10-15 13:17