attempting to merge two arrays into a single union

Question

attempting to merge two arrays into a single union

I am looking for a way to create a new array that contains only unique values from both the first and second arrays, maintaining their original order.

This is my current approach:

function union(first, second) {
return first.filter(function(value) {
  return second.indexOf(value) === -1;
})

.concat(second.filter(function(value){
  return first.indexOf(value) === -1;
}))
}

The expected output should be as follows:

union([2, 1], [2, 3]);
// -> [2, 1, 3]
union(['html', 'css', 'javascript'], ['php', 'css', 'sql']);
// -> ["html", "css", "javascript", "php", "sql"]
union(
  ['a', 'link', 'to', 'the', 'past'],
  ['the', 'adventure', 'of', 'link']
)

javascript arrays

Answer 1

Answer №1

Combine arrays using spread syntax and then utilize the Set method to filter out duplicates, resulting in a new array with only unique values.

function mergeArrays(arr1, arr2) {
  return [...new Set([...arr1, ...arr2])];
}
console.log(mergeArrays([2, 1], [2, 3]));
console.log(mergeArrays(['html', 'css', 'javascript'], ['php', 'css', 'sql']));
console.log(mergeArrays(
  ['a', 'link', 'to', 'the', 'past'],
  ['the', 'adventure', 'of', 'link']
));

Answer 2

Combine arrays using spread syntax and then utilize the Set method to filter out duplicates, resulting in a new array with only unique values.

function mergeArrays(arr1, arr2) {
  return [...new Set([...arr1, ...arr2])];
}
console.log(mergeArrays([2, 1], [2, 3]));
console.log(mergeArrays(['html', 'css', 'javascript'], ['php', 'css', 'sql']));
console.log(mergeArrays(
  ['a', 'link', 'to', 'the', 'past'],
  ['the', 'adventure', 'of', 'link']
));

Answer 3

Answer №2

Quick solution:

const arr1 = ['apple', 'banana', 'orange']
const arr2 = ['grape', 'banana', 'kiwi']
const mergedArray = [...new Set([...arr1, ...arr2])];
console.log(mergedArray);

// mergedArray = [ 'apple', 'banana', 'orange', 'grape', 'kiwi' ]

Answer 4

Quick solution:

const arr1 = ['apple', 'banana', 'orange']
const arr2 = ['grape', 'banana', 'kiwi']
const mergedArray = [...new Set([...arr1, ...arr2])];
console.log(mergedArray);

// mergedArray = [ 'apple', 'banana', 'orange', 'grape', 'kiwi' ]

attempting to merge two arrays into a single union

Answer №1

Answer №2

Similar questions

Embed a YouTube video within the product image gallery

Encountering an ExpressionChangedAfterItHasBeenCheckedError in Angular 6 when selecting an option from a dropdown menu

Techniques for passing an integer array to a queue interface in Java

How can you display a doughnut chart with a custom color to represent empty or no data, including doughnut rings?

How to implement a timeout feature in JavaScript/TypeScript for cloud functions

Is `console.log()` considered a native function in JavaScript?

Tidying up JQuery with automatic selection of the next div and navigation item

Cloning jQuery with varied PHP array value

What about numerical inputs lacking spinners?

What steps can be taken to properly display dateTime values in a data table when working with JavaScript (VueJS) and PHP (Laravel)?

Do you think it's wise to utilize React.Context for injecting UI components?

Mixing without Collections

Determining the optimal times to utilize traditional loops instead of array helpers

Trigger a function in AngularJS when a div is scrolled to within a specific number of pixels from the bottom of the screen

Prepare an email message for sending

Vue.JS - Dynamically Displaying Property Values Based on Other Property and Concatenating with

Code has been loaded successfully for react-loadable Chunks, however it has not been

What exactly occurs when a "variable is declared but its value is never read" situation arises?

Switching over a function from jQuery to Mootools

Single-use binding format