如何從數組中刪除與另一個數組中的項目相等的項目？

Question

我必須陣列：

var shortcuts = [       
    {"name":"Pan", "alias":["Pan","Pan_he"]},
    {"name":"Print Map","alias":["PrintMap"]}
];

var toolbarDef =[
{"name":"Pan_he","alias":["Select","Select_he"]},
{"name":"Draw","alias":["Point","SetDot"]},
{"name":"Find","alias":["OnMap","FromArea"]},
{"name":"PrintMap","alias":["Pentagon"]},
{"name":"Buffer","alias":["Layer","ShowData"]}
]

我需要從 toolbarDef 數組中刪除名稱屬性等於快捷方式對象數組中別名數組項目之一的所有對象。

這里我希望基於快捷方式和工具欄定義對象數組獲得的數組：

var result =[
              {"name":"Draw","alias":["Point","SetDot"]},
              {"name":"Find","alias":["OnMap","FromArea"]},
              {"name":"Buffer","alias":["Layer","ShowData"]}
             ]
             

在這里，我如何嘗試實現此結果：

var result = toolbarDef.filter( function( item ) {      
                              return !shortcuts.find(function(shortcut) {
                                return shortcut.alias.forEach(function(a){
                                    return a === item.name
                                })
                              })                              
                            });
                                

但結果與 toolbarDef 數組具有相同的行。

我的問題是我怎樣才能達到理想的結果，為什么上面的代碼不能完成這項工作？

Answer 1

構建要刪除的元素數組，然后過濾掉不需要的元素：

 var shortcuts = [ {"name":"Pan", "alias":["Pan","Pan_he"]}, {"name":"Print Map","alias":["PrintMap"]} ]; var toolbarDef =[ {"name":"Pan_he","alias":["Select","Select_he"]}, {"name":"Draw","alias":["Point","SetDot"]}, {"name":"Find","alias":["OnMap","FromArea"]}, {"name":"PrintMap","alias":["Pentagon"]}, {"name":"Buffer","alias":["Layer","ShowData"]} ] let toRemove = shortcuts.flatMap(({alias}) => alias) console.log(toolbarDef.filter(({name}) => !toRemove.includes(name)));

btw return shortcut.alias.forEach不會工作，因為forEach不返回任何東西

Answer 2

在您的代碼中，您應該使用Array.some而不是使用Array.forEach 。 Array.forEach返回任何內容。

var result = toolbarDef.filter(function(item) {
  return !shortcuts.find(function(shortcut) {
    return shortcut.alias.some(function (a) {
      return a === item.name;
    });
  });
});

這是工作示例。

 const shortcuts = [ {"name":"Pan", "alias":["Pan","Pan_he"]}, {"name":"Print Map","alias":["PrintMap"]} ]; const toolbarDef = [ {"name":"Pan_he","alias":["Select","Select_he"]}, {"name":"Draw","alias":["Point","SetDot"]}, {"name":"Find","alias":["OnMap","FromArea"]}, {"name":"PrintMap","alias":["Pentagon"]}, {"name":"Buffer","alias":["Layer","ShowData"]} ]; // Your Code Fix var result = toolbarDef.filter(function(item) { return !shortcuts.find(function(shortcut) { return shortcut.alias.some(function (a) { return a === item.name; }); }); }); console.log(result); // Simple Case const result1 = toolbarDef.filter(({ name }) => !shortcuts.some(({ alias }) => alias.includes(name))); console.log(result1);