您可以將您的第一個用戶數組轉換為Map. Map 類似于對象，但是，它有一些差異（我在這里使用 Map，因為與對象相比，它更容易從數組構造）。
地圖將具有以下形狀：
Map {
"abc": { key: 'abc', name: 'Anna', age: 22, gender: 'F' },
"def": { key: 'def', name: 'John', age: 25, gender: 'M' },
"ghi": { key: 'ghi', name: 'Mary', age: 27, gender: 'F' },
"jkl": { key: 'jkl', name: 'Joe', age: 30, gender: 'M' }
}
在下面的代碼中，上面的 Map 存儲在一個名為lut（look-up-table 的縮寫）的變量中。這樣做lut.get("def")將返回存儲在 key 中的對象"def"，在這種情況下該對象是：
{ key: 'def', name: 'John', age: 25, gender: 'M' }
JavaScript 引擎優化了這種查找，使其非常高效，因此創建這樣的 Map 有助于提高整體可伸縮性，這意味著如果您有很多用戶，它會很高效。
由于輸出中的順序很重要，因此您可以使用.map()數組filter（決定順序）將具有 name 屬性的每個對象轉換為我們構建的 Map 中的對象。要執行“轉換”，您可以返回所需的新對象，您可以使用.get(o.key).
請參閱下面的工作示例：
const users = [{ key: 'abc', name: 'Anna', age: 22, gender: 'F' }, { key: 'def', name: 'John', age: 25, gender: 'M' }, { key: 'ghi', name: 'Mary', age: 27, gender: 'F' }, { key: 'jkl', name: 'Joe', age: 30, gender: 'M' }];
const filter = [{ key: 'jkl' }, { key: 'def' }, { key: 'abc' }];
const expected_result = [{ key: 'jkl', name: 'Joe', age: 30, gender: 'M' }, { key: 'def', name: 'John', age: 25, gender: 'M' }, { key: 'abc', name: 'Anna', age: 22, gender: 'F' }];
const lut = new Map(users.map(o => [o.key, o]));
const result = filter.map(f => lut.get(f.key));
console.log(result);
如果過濾器中的某個對象可以具有不在用戶列表中的用戶的鍵，則上述方法會將過濾器對象轉換為“未定義”。如果你想忽略它，你可以.filter()在映射之前使用。使用.filter()將刪除地圖中沒有鍵的所有過濾器對象：
const users = [{ key: 'abc', name: 'Anna', age: 22, gender: 'F' }, { key: 'def', name: 'John', age: 25, gender: 'M' }, { key: 'ghi', name: 'Mary', age: 27, gender: 'F' }, { key: 'jkl', name: 'Joe', age: 30, gender: 'M' }];
const filter = [{ key: 'nonUserKey' }, { key: 'def' }, { key: 'abc' }];
const expected_result = [{ key: 'jkl', name: 'Joe', age: 30, gender: 'M' }, { key: 'def', name: 'John', age: 25, gender: 'M' }, { key: 'abc', name: 'Anna', age: 22, gender: 'F' }];
const lut = new Map(users.map(o => [o.key, o]));
const result = filter.filter(o => lut.has(o.key)).map(f => lut.get(f.key));
console.log(result);
