我可以使用Javascript中的數組方法以更好（更短）的條件重寫此雙循環嗎？

Question

我可以使用JavaScript中的數組方法以更好的方式（更短）用條件和方法調用重寫此雙循環嗎？

listA.forEach(a => {
    listB.forEach(b => {
        if (a.name === b.name) {
            a.doSomething(b);
        }
    });
});

Answer 1

不確定會更好，但是您可以執行以下操作：

listA
    .map(a => listB.map(b => ({ a, b }))) // Create Pairs of { a, b } 
    .reduce((r, a) => a.concat(r)) // flatten { a, b }[][] to { a, b }[]
    .filter(o => o.a == o.b) // filter the list 
    .forEach(o => o.a.doSomething(o.b)); // call the function

Answer 2

您可以將if語句更改為：

a.name === b.name && a.doSomething(b);

Idk，如果這是您想要的更好/更短的產品。 它使用短路評估 。

Answer 3

它沒有什么地方更短，但也許更具可讀性，並且是一種在沒有所有這些嵌套循環的情況下執行javascript的流方式：

listA
.filter(a => listB.map(b => b.name).includes(a.name))
.forEach(a => {
    console.log(a) // do your stuff here :)
})