What is the best way to check if an object exists in an array in JavaScript and update it if it does, otherwise add it as a new object in

Question

What is the best way to check if an object exists in an array in JavaScript and update it if it does, otherwise add it as a new object in

I am working with an array of objects

const target = [{name: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="89fafbe2c9eee4e8e0e5a7eae6e4">[email protected]</a>', selected: false, alertType: 'max'},
{name: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1c7d7e7f5c7b717d7570327f73717573027577555c59717e72707077737e70735974787a">[email protected]</a>', selected: true, alertType: 'clear'},]

My goal is to update the array based on the name and alertType values. If a match is found, I will update the selected property. If no match is found, I will add a new object. Here's the new object:

 const newObj = {name: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c1b2b3aa81a6aca0a8adefa2aeac">[email protected]</a>', selected: false, alertType: 'both'}

javascript arrays object

Answer 1

Answer №1

If you want to search for matching items, you can utilize the Array.find() method. This allows you to update an existing item if found, or add a new one if not:

const target = [
  {name: 'john.doe@example.com', selected: false, alertType: 'max'},
  {name: 'jane.smith@example.com', selected: true, alertType: 'clear'}
];

const update = { name: 'alice.white@example.com', selected: false, alertType: 'both' };

function updateAlerts(input, update) {
    let foundAlert = input.find(alert => ((alert.alertType === update.alertType) && (alert.name === update.name)));
    if (foundAlert) {
        foundAlert.selected = update.selected;
    } else {
        input.push(update);
    }
}

updateAlerts(target,  { name: 'bob.brown@example.com', selected: false, alertType: 'both' })
console.log(target);
updateAlerts(target,  { name: 'carol.green@example.com', selected: true, alertType: 'max' })
console.log(target);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

If you want to search for matching items, you can utilize the Array.find() method. This allows you to update an existing item if found, or add a new one if not:

const target = [
  {name: 'john.doe@example.com', selected: false, alertType: 'max'},
  {name: 'jane.smith@example.com', selected: true, alertType: 'clear'}
];

const update = { name: 'alice.white@example.com', selected: false, alertType: 'both' };

function updateAlerts(input, update) {
    let foundAlert = input.find(alert => ((alert.alertType === update.alertType) && (alert.name === update.name)));
    if (foundAlert) {
        foundAlert.selected = update.selected;
    } else {
        input.push(update);
    }
}

updateAlerts(target,  { name: 'bob.brown@example.com', selected: false, alertType: 'both' })
console.log(target);
updateAlerts(target,  { name: 'carol.green@example.com', selected: true, alertType: 'max' })
console.log(target);

.as-console-wrapper { max-height: 100% !important; top: 0; }

What is the best way to check if an object exists in an array in JavaScript and update it if it does, otherwise add it as a new object in

Answer №1

Similar questions

Emphasize specific letters in a word by making them bold, according to the user

Navigating Pre-Fetched Client Routes in Gatsby with @ReachRouter

Utilizing a React Hook to set data by creating a pure function that incorporates previous data using a thorough deep comparison methodology

Having trouble getting my Jquery Ajax post request to work with JSON data

Developing a fresh browser window with a clickable button using JavaScript

Unspecified variables in a Javascript bot

Is your URL getting cut off in jQuery?

Display elements in an array of objects when the value changes with React

Is there a way to determine the duration that a click was held down for?

What is the best way to create an index for a user-provided value in a textbox

Creating an Angular directive that handles asynchronous attribute interpolation

Error: The function `push` cannot be used on the variable `result` (TypeError)

Eliminate any blank brackets in a JSON structure

leveraging a Nuxt plugin and saving it in middleware

What is the reason why calling setState does not update the local state?

How can we determine the total character count of a file that has been loaded into a textarea

What is the rationale behind allowing any type in TypeScript, even though it can make it more challenging to detect errors during compile time?

Utilize AngularJS to interact with RESTful web services

Transferring data between modules in nodejs

Sending data using formData across multiple levels of a model in Angular