JavaScript Program to Create an Array of Unique Values From Multiple Arrays Using Set Object
Last Updated :
05 Jun, 2024
We have given multiple arrays consisting of numerical values, and our task is to create an output array that consists of unique values from the multiple input arrays. We will use the Set object in JavaScript language.
Example:
Input:
inputarray1: [1,2,3,4,5]
inputarray2: [4,5,6,7,8]
Output:
outputArray: [1,2,3,4,5,6,7,8]Using Set and Spread Operator
In this approach, we are using the Set object and the spread operator to create a new array that contains unique values from the input arrays. Here, the function can handle any number of input arrays. The spread operator combines the input arrays into a single array and then we wrap with the Set object so that automatically duplicate elements are removed and unique elements are stored.
Syntax:
function function_name(...arrays) {
//statements
}
Example: This example shows the use of the above-explained approach.
JavaScript
function mergeUsingSpread(
...inputArrays
) {
let uniqueValues = new Set();
// Using loop to go thofugh each array
inputArrays.forEach((arr) => {
// Here, adding the element of current
// array into the Set of uniqueValues
arr.forEach((ele) => {
uniqueValues.add(ele);
});
});
// Converting the set to array
return Array.from(uniqueValues);
}
// Multiple Input arrays
let inputArray1 = [1, 2, 3, 4, 5];
let inputArray2 = [4, 5, 6, 7, 8];
let inputArray3 = [7, 8, 9, 10, 11];
let outputArray = mergeUsingSpread(
inputArray1,
inputArray2,
inputArray3
);
console.log(outputArray);
Output[
1, 2, 3, 4, 5,
6, 7, 8, 9, 10,
11
]
Using the Concat method and Set
In this approach, we have used the concat method in the function merge. Using concat, we are handling multiple input arrays and merging them into a single array. Using the set, we are then removing duplicate elements and converting them to arrays, then printing the output.
Syntax:
let newArray = Array.prototype.concat.apply([], arguments)
Example: This example shows the use of the above-explained approach.
JavaScript
function mergeUsingConcat() {
// We are merging all arrays
// in one array
let allMergedArr =
Array.prototype.concat.apply(
[],
arguments
);
// We are Removing the duplicate
// using Set and converting it to array
return Array.from(
new Set(allMergedArr)
);
}
// Multiple input arrys. You can
// increase and pass to the function
let inputArray1 = [1, 2, 3, 4, 5];
let inputArray2 = [4, 5, 6, 7, 8];
let inputArray3 = [7, 8, 9, 10, 11];
let outputArray = mergeUsingConcat(
inputArray1,
inputArray2,
inputArray3
);
//Output is displayed
console.log(outputArray);
Output[
1, 2, 3, 4, 5,
6, 7, 8, 9, 10,
11
]
Using Reduce method with the Set
In this approach, we are using the reduce method to and the forEach method to iterate over all the input arrays, and all this is stored in the set, where the unqualified values are considered. Later, we will convert this set into an array and print the result.
Syntax:
return Array.prototype.reduce.call(arguments, function (res, currentArr) {
// Iterate through the current array
}, new Set());Example: This example shows the use of the above-explained approach.
JavaScript
function mergeUsingReduce() {
// Reduce method will merge the
// multiple input arrays in single set here.
return Array.prototype.reduce.call(
arguments,
function (res, currentArr) {
// Iterate over each element
// in the currentArray.
currentArr.forEach(
function (ele) {
res.add(ele);
}
);
return res;
},
new Set()
);
}
// Multiple input arrys. You can increase
// and pass to the function
let inputArray1 = [1, 2, 3, 4, 5];
let inputArray2 = [4, 5, 6, 7, 8];
let inputArray3 = [7, 8, 9, 10, 11];
let tempresult = mergeUsingReduce(
inputArray1,
inputArray2,
inputArray3
);
// We are converting Set to the array
// and printing it.
let outputArray =
Array.from(tempresult);
console.log(outputArray);
Output[
1, 2, 3, 4, 5,
6, 7, 8, 9, 10,
11
]
Using Set Object with flatMap
Using the Set object with flatMap efficiently extracts unique values from multiple arrays. The flatMap function collapses nested arrays into a single array, while Set ensures uniqueness, eliminating duplicate values and providing a concise and effective solution.
Example: In this example the function uniqueValues combines multiple arrays and returns an array of unique values.
JavaScript
function uniqueValues(...arrays) {
return [...new Set(arrays.flatMap(array => array))];
}
let array1 = [1, 2, 3];
let array2 = [3, 4, 5];
console.log(uniqueValues(array1, array2));
Using Set Object with Array.prototype.flat()
In this approach, we use the Array.prototype.flat() method to combine multiple arrays into a single, flattened array. We then use the Set object to remove any duplicate values. This method is concise and leverages the built-in capabilities of JavaScript to handle nested arrays and ensure unique values.
Syntax:
let newArray = Array.from(new Set([].concat(...arrays)));
Example: This example demonstrates how to use the above approach to merge multiple arrays and remove duplicates.
JavaScript
function mergeUsingFlat(...inputArrays) {
// Flatten the array and create a Set to ensure unique values
return Array.from(new Set(inputArrays.flat()));
}
// Multiple input arrays
let inputArray1 = [1, 2, 3, 4, 5];
let inputArray2 = [4, 5, 6, 7, 8];
let inputArray3 = [7, 8, 9, 10, 11];
// Using the function to get unique values
let outputArray = mergeUsingFlat(inputArray1, inputArray2, inputArray3);
// Output is displayed
console.log(outputArray);
Output[
1, 2, 3, 4, 5,
6, 7, 8, 9, 10,
11
]
Similar Reads
JavaScript Program to Check if an Array Contains only Unique Values In this article, we are given an array, Our task is to find whether the elements in an array are unique or not.Examples:Input 1: 7,8,1,5,9 Output: true Input2: 7,8,1,5,5 Output: falseIn Input 1, elements 7,8,1,5,9 are distinct from each other and they were unique, there was no repetition of elements
4 min read
How to Convert Array of Objects into Unique Array of Objects in JavaScript ? Arrays of objects are a common data structure in JavaScript, often used to store and manipulate collections of related data. However, there are scenarios where you may need to convert an array of objects into a unique array, removing any duplicate objects based on specific criteria. JavaScript has v
8 min read
JavaScript - How To Get Distinct Values From an Array of Objects? Here are the different ways to get distinct values from an array of objects in JavaScript1. Using map() and filter() MethodsThis approach is simple and effective for filtering distinct values from an array of objects. You can use map() to extract the property you want to check for uniqueness, and th
4 min read
How to Get Unique Values from ArrayList using Java 8? ArrayList in Java do not prevent the list from having duplicate values. But there are ways if you want to get unique values from the ArrayList and each way is explained with an example. Method 1(Using Stream API's distinct() Method): For Java 8, You can use Java 8 Stream API. To get distinct values,
3 min read
JavaScript - Print Unique Elements From Two Unsorted Arrays Here are the different approaches to print unique elements from two unsorted arrays using JavaScript1. Using filter() methodWe can filter all the unique elements using the filter() method. Then we will make one new array to concat our filtered array.JavaScriptlet a1 = [54, 71, 58, 95, 20]; let a2 =
2 min read
How to Remove Duplicate Objects from an Array in JavaScript? In JavaScript, it's a common example that the arrays contain objects and there might be a possibility that the objects may or may not be unique. Removing these duplicate objects from the array and getting the unique ones is a common task in Web Development. These are the following approaches: Table
2 min read
Java Program to Remove Duplicate Entries from an Array using TreeSet Features of TreeSet is the primary concern it is widely used in remove duplicates in the data structure as follows: TreeSet implements the SortedSet interface. So, duplicate values are not allowed and will be leftovers.Objects in a TreeSet are stored in a sorted and ascending order.TreeSet does not
3 min read
How to Efficiently Remove Duplicates from an Array without using Set? Arrays are a fundamental data structure in Java that stores data of the same type in contiguous memory locations. Removing duplicate elements from an array is a common operation that can be easily accomplished using sets. However, in this article, we will learn how to remove duplicates from an array
2 min read
How to Remove Duplicate Values From an Array in C#? To remove duplicate values from an array in C#, you can use different approaches based on your requirements. So to do this we use the Distinct() function. HashSet, Using a Loop.This function gives distinct values from the given sequence. This method will throw ArgumentNullException if the given arra
3 min read
Get Unique Values from ArrayList in Java Let's see how to get unique values from ArrayList. Convert ArrayList to HashSet to insert duplicate values in ArrayList but on the other hand, HashSet is not allowing to insert any duplicate value. While converting ArrayList to HashSet all the duplicate values are removed and as a result, unique val
2 min read