Discovering the difference between a singular array and an array of arrays

Question

Discovering the difference between a singular array and an array of arrays

x = [1, 2,3, 5]; y = [1, [2], [3, [[4]]],[5,6]]));

I am currently facing a challenge in finding the difference between these two arrays.

function findArrayDifference(arr1, arr2) {

    var tempArr = [], difference = [];

    for (var i = 0; i < arr1.length; i++) {
        tempArr[arr1[i]] = true;
    }

    for (var i = 0; i < arr2.length; i++) {
        if (tempArr[arr2[i]]) {
            delete tempArr[arr2[i]];
        } else {
            tempArr[arr2[i]] = true;
        }
    }

    for (var key in tempArr) {
        difference.push(key);
    }

    return difference;
};

The above code snippet is what I attempted at first but it did not work as expected due to the presence of arrays within arrays. Can anyone provide some guidance on how to tackle this issue?

javascript arrays angularjs

Answer 1

Answer №1

If you want to easily compare arrays, consider flattening them before checking for differences.

function arrayDifference(arr1, arr2) {
  arr1 = arr1.toString().split(',');
  arr2 = arr2.toString().split(',');

  if (arr1.length < arr2.length) {var temp = arr1; arr1 = arr2; arr2 = temp};
  return arr1.filter( element => (!arr2.includes(element)) ).map(Number);
}

var firstArray = [1, 2,3, 5]; 
var secondArray = [1, [2], [3, [[4]]],[5,6]];

var result = arrayDifference(firstArray, secondArray);

console.log(result);

Answer 2

If you want to easily compare arrays, consider flattening them before checking for differences.

function arrayDifference(arr1, arr2) {
  arr1 = arr1.toString().split(',');
  arr2 = arr2.toString().split(',');

  if (arr1.length < arr2.length) {var temp = arr1; arr1 = arr2; arr2 = temp};
  return arr1.filter( element => (!arr2.includes(element)) ).map(Number);
}

var firstArray = [1, 2,3, 5]; 
var secondArray = [1, [2], [3, [[4]]],[5,6]];

var result = arrayDifference(firstArray, secondArray);

console.log(result);

Answer 3

Answer №2

It's crucial to flatten all arrays you wish to compare by utilizing a function that can be located here. Once the arrays are flattened, you can proceed with comparing them using another function found here

let x = [1, 2,3, 5];
let y = [1, [2], [3, [[4]], [5,6] ]]

const flatten = list => list.reduce(
    (a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []
)

const difference = (arr1,arr2) => {
arr1 = flatten(arr1)
arr2 = flatten(arr2)

return arr1.filter(e => arr2.indexOf(e) === -1)
               .concat(arr2.filter(e => arr1.indexOf(e) === -1))
}

console.log(difference(x,y)) // [4,6]

Answer 4

It's crucial to flatten all arrays you wish to compare by utilizing a function that can be located here. Once the arrays are flattened, you can proceed with comparing them using another function found here

let x = [1, 2,3, 5];
let y = [1, [2], [3, [[4]], [5,6] ]]

const flatten = list => list.reduce(
    (a, b) => a.concat(Array.isArray(b) ? flatten(b) : b), []
)

const difference = (arr1,arr2) => {
arr1 = flatten(arr1)
arr2 = flatten(arr2)

return arr1.filter(e => arr2.indexOf(e) === -1)
               .concat(arr2.filter(e => arr1.indexOf(e) === -1))
}

console.log(difference(x,y)) // [4,6]

Discovering the difference between a singular array and an array of arrays

Answer №1

Answer №2

Similar questions

Error message when using Vue Global Filter: Value undefined is not defined

Vue - Implementing plugin as a prototype functionality

Managing empty functions as properties of an object in a React, Redux, and Typescript environment

Combining multiple HTML elements onto a single page with just one function

Add the content of a JavaScript variable to a label without using any scripting

Best practice for retrieving the $scope object inside the ng-view directive

The maxBodySize feature is ineffective in restify

Using Heroku to deploy NodeJS applications

Getting Angular 2 and Ionic 2 to play nice together: is it worth the effort?

Trouble is arising in rendering events with years before 100 (specifically years 0000 - 0099) when using the ISO8601 format in fullCalendar

Alter the color of a single character using JQuery, all while keeping the HTML tags unchanged

Is it possible to utilize Angular translate to support multiple languages for individual components or modules?

Learn how to properly convert a string into a valid URL using the Next JS router when pushing pages

Utilize Bootstrap tooltips to display live results fetched via an AJAX call

How to Override Certificate Expiry in JavaScript

There seems to be an issue with the Typescript version compatibility in the node_modules folder for the Angular Material table cell component

What is the best way to access the CSS font-size property using JavaScript?

Javascript problem: Trouble with event.clientX position

Remove child elements in Jquery that do not match the specific numbers saved in the array

I'm having trouble getting the aggregation of a child collection to work properly in MongoDB when attempting to apply the $count