从数组中删除多个元素

Question

我想在显示数组之前从数组中删除多个特定元素。这里是代码我有，但它会导致没有的元素显示：

$('[data-fancybox]').on('click', function() { 
    var visibleLinks = $('.fancybox:visible'); 

    $.fancybox.open(visibleLinks, { 
     //options go here 
caption: function (instance, item) { 
     var caption, link, collectTags, tags, filterTags, filteredTags; 

     function format(tpl, binding) { 
      if (typeof binding != 'function') return format(tpl, function (_, name) { 
       return binding[name]; 
      }); 
      return tpl.replace(/\$(\w+)/g, binding); 
     } 

     caption = $(this).data('caption'); 
     link = format('<br>See more pictures', item); 
     collectTags = $(this).parent().attr("class").split(' '); 
     function createTag(it) { 
      return format("<a href='$site$it'>$it</a>", { 
       site: (it == 'wedding' || it == 'concert') ? 'http://example.com/gallery/#filter=.' : 'http://example.com/gallery/#filter=.', 
       it: it 
      }); 

     } 
     filterTags = ['churchevent', 'corporate']; 
     filteredTags = tags.filter(function(itm){return itm!== filterTags}); 

     tags = $.map(collectTags, createTag); 
     return [].concat(caption ? [caption, link] : link).concat(filteredTags.slice(1).join(', ')).join('<br>'); 
    } 
    }, visibleLinks.index(this)); 

    return false; 
}); 

Answer 1

我假设，因为你写了“删除多个特定元素”要删除filterTags。

如果是这样的话，那么更改此：

filterTags = ['churchevent', 'corporate']; 
filteredTags = tags.filter(function(itm){return itm!== filterTags}); 

tags = $.map(collectTags, createTag); 
return [].concat(caption ? [caption, link] : link).concat(filteredTags.slice(1).join(', ')).join('<br>'); 

这样：

filterTags = ['churchevent', 'corporate']; 

tags = $.map(collectTags, createTag); 
filteredTags = tags.filter((item)=>{ 
    for(tag in filterTags) if (item.indexOf(filterTags[tag]) != -1) return false; 
    return true; 
}); 

return [].concat(caption ? [caption, link] : link).concat(filteredTags.slice(1).join(', ')).join('<br>'); 

否则只使用= -1，而不是在过滤方法== -1！

Answer 2

什么是在tags.filter背景下的“标签”？我假设它是一些数组。无论哪种情况，您的过滤器都会检查标记中的项目是否与数组filterTags不相等。当然，数组中的单个项不会等于数组，因此它将始终返回true，因此不会过滤任何内容。

我想你可能想是这样的：

filteredTags = tags.filter(function(itm){return filterTags.indexOf(itm) !== -1}); 

Answer 3

你在说这个数组吗？

filterTags = ['churchevent', 'corporate']; 
filteredTags = tags.filter(function(itm){return itm!== filterTags}); 

// Of note, you are creating tags just below this code. Should you move it up? 
// Or rename tags => collectionTags??? 

// Either way, the filter function you are using is not doing what you expect. 

tags.filter(function(itm){ 
    // itm will be whatever, I'm guessing a string of some sort like "churchevent" 

    // Now you are trying to compare a string like "churchevent" to the 
    // array filterTags. 

    // This is what is happening... 

    return itm !== ['churchevent', 'corporate']; 

    // What you want to do is this in ES5 

    return (filterTags.indexOf(itm) === -1); 

    // or this in ES6 

    return !filterTags.includes(itm); 
    // Note the bang in front. 
    // TRUE will put itm in the tags array, FALSE will not. 

} 

此外，请参考滤波函数在MDN。

Filter Function (MDN)