Removing duplicate elements from an array prior to adding them to the array

Question

Removing duplicate elements from an array prior to adding them to the array

I have an array of values as shown below

var inputValues = ["java","php","python"] //values from user

var responseValues = [{"name":"mysql"}, {"name":"golang"}, {"name":"svelte"}] //response from JSON

I need to compare the input array with the existing data in the response JSON before inserting the input array.

If all the values in the input array match any value in the response array, an alert will be shown using JavaScript. If none of the values in the input array matches with any value in the response array, all the values from the input array will be inserted.

I have successfully created a code to insert the array using $.each.

I would like to know how to filter and check the input values against the response JSON data before performing the insertion.

Below is the code I am currently using to insert the array

  var counter = 0;
  var totalInputs = inputValues.length;
  $.each(inputValues, function (index, value) {
    $.ajax({
      url:"<?= base_url();?>controller/function",
      type:"POST",
      dataType:"json",
      data:{"name":value},
      success: function(response){
        counter++;
        if (counter == totalInputs)
        {
            setTimeout(() => {
                Swal.fire({
                    icon: 'success',
                    title: 'Success',
                    timer: 1500,
                    showConfirmButton: false
                }).then((result) => {
                    location.reload();
                });
            }, 500);
            
          }
        }
     })
   })

javascript arrays

Answer 1

Answer №1

You have the option to utilize array.prorotype.some():

This scenario includes duplicates of mysql and golang:

let name = ["java","php","python","mysql","golang"]; //received from user
var res = [{"name":"mysql"}, {"name":"golang"}, {"name":"svelte"}]; //response retrieved from JSON

let duplicates = [];

name.forEach(function(item) {
  if(res.some(elem => elem.name === item))
    duplicates.push(item);
});

if(duplicates.length > 0) {
  alert("The user array contains duplicates:\n " + duplicates);
} else {
  name.forEach(function(item) {
    res.push({"name": item});
  });
}

console.log(res);

No duplicates present:

let name = ["java","php","python"]; //input received from user
var res = [{"name":"mysql"}, {"name":"golang"}, {"name":"svelte"}]; //JSON response data

let duplicates = [];

name.forEach(function(item) {
  if(res.some(elem => elem.name === item))
    duplicates.push(item);
});

if(duplicates.length > 0) {
  alert("The user array contains duplicates:\n " + duplicates);
} else {
  name.forEach(function(item) {
    res.push({"name": item});
  });
}

console.log(res);

Answer 2

You have the option to utilize array.prorotype.some():

This scenario includes duplicates of mysql and golang:

let name = ["java","php","python","mysql","golang"]; //received from user
var res = [{"name":"mysql"}, {"name":"golang"}, {"name":"svelte"}]; //response retrieved from JSON

let duplicates = [];

name.forEach(function(item) {
  if(res.some(elem => elem.name === item))
    duplicates.push(item);
});

if(duplicates.length > 0) {
  alert("The user array contains duplicates:\n " + duplicates);
} else {
  name.forEach(function(item) {
    res.push({"name": item});
  });
}

console.log(res);

No duplicates present:

let name = ["java","php","python"]; //input received from user
var res = [{"name":"mysql"}, {"name":"golang"}, {"name":"svelte"}]; //JSON response data

let duplicates = [];

name.forEach(function(item) {
  if(res.some(elem => elem.name === item))
    duplicates.push(item);
});

if(duplicates.length > 0) {
  alert("The user array contains duplicates:\n " + duplicates);
} else {
  name.forEach(function(item) {
    res.push({"name": item});
  });
}

console.log(res);

Removing duplicate elements from an array prior to adding them to the array

Answer №1

Similar questions

I don't understand why I keep encountering a "segmentation fault 11" even though I have allocated sufficient memory

Utilize Typescript to aim for the most recent edition of EcmaScript

Show search results in real-time as you type

Is there a way to retrieve the width of the parent element in ReactJS from a child component?

Is there a way to display the specific information of a flatlist item in a pop-up window?

Decoding JavaScript elements embedded in an HTML website

Troubleshooting Media Queries Problems in HTML and CSS

Exploring ways to retrieve global variables within a required() file in Node.js

When trying to access an array directly within an object, it all too often returns as undefined

Retrieving information from the API to populate a child component in Next.js

The best jQuery method for parsing through an array of JSON objects

What is the best way to ensure that a collection is only released when necessary?

Issues arising during the initialization of Tinymce

Is this preloader code actually preloading something?

modify header when button is clicked

Guide on incorporating bold and unbold features using AngularJS

The success of a jquery ajax call always seems to elude me as it consistently throws

Retrieve active route information from another component

Tips for displaying PHP form data dynamically in a responsive Bootstrap modal when clicking on it

What could be causing the React variable to malfunction within my state object?