使用简单的映射和过滤器es6过滤对象的现有数组

Question

尽量避免使用任何库，因为我只需要一个简单的脚本。 我想从现有数组中获取不存在的记录。

input = [{name: 'james'}, {name: 'jane'}]

existing = [{name: 'james'}]

//做一点事

预期的输入将变为[{name: 'jane'}]

我试过了

let input = [{
      name: 'yahoo.com',
    },{
      name: 'google.my',
    }]

    existing = (existing || []).map(o => ({name: o.name})) //clean up data from backend [{name:'google.my'}]


    input = (input || []).map(o => o.name) //just in case input has more property in the future

    input = existing.filter(o => !o.name.includes(input))

    console.log(input)

不知何故我仍然没有得到想要的东西（期望输入为[{name: 'yahoo.com'}] ，缺少了什么？我找不到它。

Answer 1

您可以使用find查找过滤。

 var input = [{ name: 'james' }, { name: 'jane' }], existing = [{ name: 'james' }], result = input.filter(({ name }) => !existing.find(o => o.name === name)); console.log(result); 

Answer 2

可以使用closure将Array.prototype.filter ， Array.prototype.map和Set组合在一起，以使用keys检测objects arrays之间的缺失元素。

请参见下面的实际示例。

 // Input. const input = [{name: 'james'}, {name: 'jane'}] // Existing. const existing = [{name: 'james'}] // Missing (B elements from A). const missing = (A, B) => (s => A.filter(({name}) => !s.has(name)))(new Set(B.map(({name}) => name))) // Output. const output = missing(input, existing) // Proof. console.log(output) 

Answer 3

您可以结合使用两个Array#filter 。

第一个循环遍历您的input数组，而第二个循环遍历您的existing数组，以检查每个input值是否包含在existing 。

 let input = [{name: 'james'}, {name: 'jane'}]; let existing = [{name: 'james'}]; let res = input.filter(a => !existing.filter(b => b.name == a.name).length); console.log(res); 

Answer 4

您可以使用filter find

 let input = [{name: 'james'}, {name: 'jane'}]; let existing = [{name: 'james'}]; let result = input.filter(v => !existing.find(o => o.name == v.name)); console.log(result); 

Answer 5

首先，不要重用变量名，这很容易混淆（您有两个分开的东西，称为input 。

第二，不要做不必要的循环。 在大门外做一个过滤器，然后映射以获取名称数组（如果您确实不需要，则完全跳过该映射）

let input = [
    {
        name: 'yahoo.com'
    },
    {
      name: 'google.my'
    }
]

    //all names in existing that are also in input
    (existing || [])
         //I used some instead of includes
        .filter(o => !(input || []).some(i => i.name == o.name))
        .map(o => o.name);

MDN Array.prototype.some