JavaScript: Get the symmetric difference between two given arrays, after applying the provided function to each array element of both

JavaScript: Exercise-133 with Solution

Symmetric Difference with Mapping

Write a JavaScript program to get the symmetric difference between two given arrays, after applying the provided function to each array element of both.

• Create a new Set() from each array to get the unique values of each one after applying fn to them.
• Use Array.prototype.filter() on each of them to only keep values not contained in the other.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2

// Define the 'symmetricDifferenceBy' function.
const symmetricDifferenceBy = (a, b, fn) => {
  // Create sets of mapped values from arrays 'a' and 'b'.
  const sA = new Set(a.map(v => fn(v))),
    sB = new Set(b.map(v => fn(v)));
  // Return the symmetric difference by filtering elements that are unique to each array.
  return [...a.filter(x => !sB.has(fn(x))), ...b.filter(x => !sA.has(fn(x)))];
};

// Test the 'symmetricDifferenceBy' function.
console.log(symmetricDifferenceBy([2.1, 1.2], [2.3, 3.4], Math.floor)); // Output: [1.2, 3.4]

Output:

[1.2,3.4]

Flowchart:

Live Demo:

See the Pen javascript-basic-exercise-133-1 by w3resource (@w3resource) on CodePen.

For more Practice: Solve these Related Problems:

• Write a JavaScript program that maps array elements with a function before calculating the symmetric difference between two arrays.
• Write a JavaScript function that applies a transformation to each element and then returns the elements unique to each array.
• Write a JavaScript program that combines mapping and filtering to compute the symmetric difference based on transformed values.

Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to get the symmetric difference between two given arrays, using a provided function as a comparator.
Next: Write a JavaScript program to get the symmetric difference between two given arrays.