Files
30-seconds-of-code/snippets/js/s/mapped-array-difference.md
Angelos Chalaris 9d032ce05e Rename js snippets
2023-05-19 20:23:47 +03:00

27 lines
780 B
Markdown

---
title: Mapped array difference
type: snippet
language: javascript
tags: [array]
cover: keyboard
dateModified: 2020-10-19T18:52:00+03:00
---
Returns the difference between two arrays, after applying the provided function to each array element of both.
- Create a `Set` by applying `fn` to each element in `b`.
- Use `Array.prototype.map()` to apply `fn` to each element in `a`.
- Use `Array.prototype.filter()` in combination with `fn` on `a` to only keep values not contained in `b`, using `Set.prototype.has()`.
```js
const differenceBy = (a, b, fn) => {
const s = new Set(b.map(fn));
return a.map(fn).filter(el => !s.has(el));
};
```
```js
differenceBy([2.1, 1.2], [2.3, 3.4], Math.floor); // [1]
differenceBy([{ x: 2 }, { x: 1 }], [{ x: 1 }], v => v.x); // [2]
```