Merge two arrays into a single array without any duplicate elements

Question

Merge two arrays into a single array without any duplicate elements

Exploring the optimal way to convert this using ES6+ syntax:

const mapedTopicsArray = [
                            ['javascript', 'reactjs'],
                            ['Java', 'reactjs'],                   
                         ]

To achieve this result:

const topicsArrayMergedWithoutDuplicates = ['javascript', 'reactjs','Java']

I understand that utilizing .reduce() could help in achieving this task, however, the nested Array structure is causing some confusion for me.

javascript arrays ecmascript-6

Answer 1

Answer №1

To achieve the desired outcome, a combination of Set and flat can be utilized effectively.

const topicsArr = [
  ["javascript", "reactjs"],
  ["Java", "reactjs"],
];

const mergedTopicsWithoutDuplicates = [...new Set(topicsArr.flat())];
console.log(mergedTopicsWithoutDuplicates );

Answer 2

To achieve the desired outcome, a combination of Set and flat can be utilized effectively.

const topicsArr = [
  ["javascript", "reactjs"],
  ["Java", "reactjs"],
];

const mergedTopicsWithoutDuplicates = [...new Set(topicsArr.flat())];
console.log(mergedTopicsWithoutDuplicates );

Answer 3

Answer №2

const combinedTopicsArray = [
                            ['python', 'django'],
                            ['Ruby', 'rails'],                   
                         ]


const uniqueTopics = combinedTopicsArray
    .reduce((accumulator, currentValue) => accumulator.concat(currentValue), [])
    .filter(checkFirstAppearance)

function checkFirstAppearance(value, index, self) {
    return self.indexOf(value) === index
}

console.log(uniqueTopics)

Merge subarrays into a single array and then remove duplicates.

Credit goes to this solution for the duplicate filtering technique

Answer 4

const combinedTopicsArray = [
                            ['python', 'django'],
                            ['Ruby', 'rails'],                   
                         ]


const uniqueTopics = combinedTopicsArray
    .reduce((accumulator, currentValue) => accumulator.concat(currentValue), [])
    .filter(checkFirstAppearance)

function checkFirstAppearance(value, index, self) {
    return self.indexOf(value) === index
}

console.log(uniqueTopics)

Merge subarrays into a single array and then remove duplicates.

Credit goes to this solution for the duplicate filtering technique

Merge two arrays into a single array without any duplicate elements

Answer №1

Answer №2

Similar questions

"Looking to navigate to the bottom or shift focus to the bottom in an Angular application? Here's

Escaping multiple levels of quotations in a string within HTML documents

Exploring the Google Plus API: Discover individuals who are following a specific individual

How to retrieve ancestor route parameters in Angular?

Why is the last move of the previous player not displayed in this game of tic tac toe?

Is there a correct way to properly duplicate a JSON array in Redux?

Step-by-step guide on how to have an AngularJS controller run continuously every 5 seconds once it has been initially called

How can I make rows appear dynamically when the user clicks a button?

Calculate the values for top, left, width, and height in a Three.js projection

Determine the count of all the positive numbers present in my array

My presentations are not functioning as expected, could there be a problem with my HTML, CSS, or JavaScript coding?

Learn the steps to access a Collection in Meteor.js and then send it to a function once the DOM has finished

Tips for locating and substituting a string in Javascript

Changing the order of elements in a JavaScript array

JavaScript code failing to return array contents

Tips for pulling information from two different services using an identification number and showcasing the data

List the @font-face URLs using JavaScript or jQuery

What is the best way to persist in asking until getting a specific response?

Utilize jQuery in phantom.js to send an ajax request across domains

How to manage simultaneous requests in Parse Server Cloud Code