我有以下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/