Using JavaScript to compare arrays in order to display only the distinct outcome

Question

Using JavaScript to compare arrays in order to display only the distinct outcome

Just starting out with JavaScript array matching!

I've got two arrays, both with 11 elements each:

txtfilename=['txt1','txt6','txt6','txt6','txt7','txt7','txt8','txt9','txt9','txt9','txt9']
content=['apple from one','six trees','cats','happy dogs','healthy fruit','good job','ask question','check safety','stay in the house','good results','happy holiday']

The position of elements in txtfilename matches the position of elements in content.

For example: the 2nd element in txtfilename corresponds to the 2nd element in content.

However, txtfilename has duplicate elements while content is unique.

I'm struggling to match these arrays and would like to display them as follows:

txtfilename: txt1
content: apple from one

txtfilename: txt6
content: 'six trees', 'cats', 'happy dogs'

txtfilename: txt7
content: 'healthy fruit', 'good job'

txtfilename: txt8
content: 'ask question'

txtfilename: txt9
content: 'check safety', 'stay in the house', 'good results', 'happy holiday'

javascript arrays

Answer 1

Answer №1

    //Creating arrays
    String[] filenames = new String[] {"file1", "file6", "file6", "file6", "file7", "file7", "file8",
            "file9", "file9", "file9", "file9"};

    String[] dataContent = new String[] {"apple from one", "six trees", "cats", "happy dogs",
            "healthy fruit", "good job", "ask question", "check safety", "stay in the house",
            "good results", "happy holiday"};

    //Building a map
    Map<String, String> fileDataMap = new HashMap<>();

    //Iterating through the arrays
    for (int j = 0; j < filenames.length; j++) {

        //Checking if the map contains the filename
        if (fileDataMap.containsKey(filenames[j])) {

            //Appending new content to existing content in map
            //For example: file6, file7 and file9
            StringBuilder value = new StringBuilder(fileDataMap.get(filenames[j]));
            value.append(", ");
            value.append(dataContent[j]);
            fileDataMap.put(filenames[j], value.toString());
        } else {
            //Adding filename and content to map
            fileDataMap.put(filenames[j], dataContent[j]);
        }

    }

    // Displaying contents of map
    for (Entry<String, String> entry : fileDataMap.entrySet()) {
        System.out.println("Filename: " + entry.getKey());
        System.out.println("Content: " + entry.getValue());
        System.out.println();
    }

This code snippet should get the job done

Answer 2

    //Creating arrays
    String[] filenames = new String[] {"file1", "file6", "file6", "file6", "file7", "file7", "file8",
            "file9", "file9", "file9", "file9"};

    String[] dataContent = new String[] {"apple from one", "six trees", "cats", "happy dogs",
            "healthy fruit", "good job", "ask question", "check safety", "stay in the house",
            "good results", "happy holiday"};

    //Building a map
    Map<String, String> fileDataMap = new HashMap<>();

    //Iterating through the arrays
    for (int j = 0; j < filenames.length; j++) {

        //Checking if the map contains the filename
        if (fileDataMap.containsKey(filenames[j])) {

            //Appending new content to existing content in map
            //For example: file6, file7 and file9
            StringBuilder value = new StringBuilder(fileDataMap.get(filenames[j]));
            value.append(", ");
            value.append(dataContent[j]);
            fileDataMap.put(filenames[j], value.toString());
        } else {
            //Adding filename and content to map
            fileDataMap.put(filenames[j], dataContent[j]);
        }

    }

    // Displaying contents of map
    for (Entry<String, String> entry : fileDataMap.entrySet()) {
        System.out.println("Filename: " + entry.getKey());
        System.out.println("Content: " + entry.getValue());
        System.out.println();
    }

This code snippet should get the job done

Answer 3

Answer №2

One way to utilize a MapReduce algorithm in JavaScript is as follows:

var results = fileNames.map((item, index) => ({"fileName": item, "content": contents[index]}));
var shift = 0;
fileNames.forEach((item, index, arr) => {
   if (index < arr.length - 1 && item === arr[index+1])
   {
       results[index + shift].content += ", " + contents[index+1];
       results.splice(index + 1 + shift, 1);
       shift--;
   }
});
console.log(results);
// Output will display merged objects where fileName matches

Edit :
Initially, I map file names and their corresponding content to create an array of objects with properties for fileName and content.
Then, by comparing each object with its neighbor (as the array is sorted by fileName), if two adjacent objects share the same key (fileName property), I combine their content strings into the first object and remove the now redundant second object.

Answer 4

One way to utilize a MapReduce algorithm in JavaScript is as follows:

var results = fileNames.map((item, index) => ({"fileName": item, "content": contents[index]}));
var shift = 0;
fileNames.forEach((item, index, arr) => {
   if (index < arr.length - 1 && item === arr[index+1])
   {
       results[index + shift].content += ", " + contents[index+1];
       results.splice(index + 1 + shift, 1);
       shift--;
   }
});
console.log(results);
// Output will display merged objects where fileName matches

Edit :
Initially, I map file names and their corresponding content to create an array of objects with properties for fileName and content.
Then, by comparing each object with its neighbor (as the array is sorted by fileName), if two adjacent objects share the same key (fileName property), I combine their content strings into the first object and remove the now redundant second object.

Using JavaScript to compare arrays in order to display only the distinct outcome

Answer №1

Answer №2

Similar questions

The Nuxt.js authentication module remains in place and does not redirect users who are already logged

What is the best way to retrieve EXIF data following the AJAX loading of images?

A guide to sending multiple data using Ajax or Json in Javascript

Take away the attention from the span element

npm-bundle encounters an issue with Error: ENOENT when it cannot find the file or directory specified as 'package.json'

Troubleshooting: Directives in Angular 4 not recognizing RegEx patterns

Issues with Google Fonts failing to load correctly

Tips for concealing JavaScript code while inspecting elements with AngularJS

The defaultLocale setting in Next.js i18n is failing to retain the default language

Tips for postponing a function's execution in order to ensure it has completely loaded

What is the best way to switch image position using javascript?

Tips for synchronizing text field and formula field content on MathQuill 0.10

Price Adjuster Tracker

What could be causing me to receive two builds when using Webpack?

Retrieve key-value pairs from a database and store them as variables in PHP before transferring them into an array in JavaScript

Prevent the display of hyperlinks in the status bar when hovering over a hyperlink or button

One can only iterate through the type 'HTMLCollection' by utilizing the '--downlevelIteration' flag or setting a '--target' of 'es2015' or above

Is it considered best practice to call the same function within itself in a function?

The search feature on mobile devices is currently malfunctioning

Differences between Vue.js onMounted and watching refsVue.js offers