Verify if a certain attribute of an entity is present before making modifications to a different attribute

Question

Verify if a certain attribute of an entity is present before making modifications to a different attribute

I currently have an array containing objects structured like this:

    let arr = [
        { taxonomy: 'category', id: [ 10, 100 ] },
        { taxonomy: 'post_tag', id: [ 20 ] },
    ];

My goal is to insert a new object into the array with the following structure:

    const object = {
        taxonomy: 'category',
        id: 30
    }

I am looking for a solution to check if an object with the property value of 'taxonomy' already exists in the array. If it does, I want to add the id from the new object only to that existing object. Although I know how to check if the property already exists, I am unsure about how to properly add the new id to the array.

Upon adding the above-mentioned object, the resulting array should look like this:

    [
        { taxonomy: 'category', id: [ 10, 100, 30 ] }, // Added 30
        { taxonomy: 'post_tag', id: [ 20 ] },
    ];

If the object does not yet exist, it should be added accordingly. Could someone provide assistance with this issue?

javascript arrays object

Answer 1

Answer №1

Using the method Array.find(), you can search for an object in the array with the same taxonomy. If one is found, then add the id to it. If none is found, create a copy of the object and push it into the array after converting the object's id to an array:

const updateArray = obj => {
  const current = arr.find(o => obj.taxonomy === o.taxonomy);
  
  if(current) current.id.push(obj.id);
  else arr.push({
    ...obj,
    id: [obj.id]
  })
};

const arr = [
  { taxonomy: 'category', id: [ 10, 100 ] },
  { taxonomy: 'post_tag', id: [ 20 ] },
];

updateArray({ taxonomy: 'category', id: 30 });

updateArray({ taxonomy: 'other', id: 50 });

console.log(arr);

Answer 2

Using the method Array.find(), you can search for an object in the array with the same taxonomy. If one is found, then add the id to it. If none is found, create a copy of the object and push it into the array after converting the object's id to an array:

const updateArray = obj => {
  const current = arr.find(o => obj.taxonomy === o.taxonomy);
  
  if(current) current.id.push(obj.id);
  else arr.push({
    ...obj,
    id: [obj.id]
  })
};

const arr = [
  { taxonomy: 'category', id: [ 10, 100 ] },
  { taxonomy: 'post_tag', id: [ 20 ] },
];

updateArray({ taxonomy: 'category', id: 30 });

updateArray({ taxonomy: 'other', id: 50 });

console.log(arr);

Answer 3

Answer №2

To update or add a new object with the specified id to an array, you can follow this approach.

const
    array = [{ taxonomy: 'category', id: [ 10, 100 ] }, { taxonomy: 'post_tag', id: [ 20 ] }];
    object = { taxonomy: 'category', id: 30 },
    item = array.find(({ taxonomy }) => object.taxonomy === taxonomy);

if (item) {
    item.id.push(object.id);
} else {
    array.push(Object.assign({}, object, { id: [object.id] }));
}

console.log(array);

   // remove the last insert
   // find item with taxonomy and id
   item =  array.find(({ taxonomy, id }) => object.taxonomy === taxonomy && id.includes(object.id));

// remove from id by using the index
if (item) item.id.splice(item.id.indexOf(object.id), 1);

console.log(array);

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

Answer 4

To update or add a new object with the specified id to an array, you can follow this approach.

const
    array = [{ taxonomy: 'category', id: [ 10, 100 ] }, { taxonomy: 'post_tag', id: [ 20 ] }];
    object = { taxonomy: 'category', id: 30 },
    item = array.find(({ taxonomy }) => object.taxonomy === taxonomy);

if (item) {
    item.id.push(object.id);
} else {
    array.push(Object.assign({}, object, { id: [object.id] }));
}

console.log(array);

   // remove the last insert
   // find item with taxonomy and id
   item =  array.find(({ taxonomy, id }) => object.taxonomy === taxonomy && id.includes(object.id));

// remove from id by using the index
if (item) item.id.splice(item.id.indexOf(object.id), 1);

console.log(array);

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

Answer 5

Answer №3

To iterate through and add a new ID, you can utilize the forEach function.

let items = [{type: 'fruit', ids: [5, 10]},{type: 'vegetable', ids: [15]},],
    newItem = {type: 'fruit', ids: 20};

items.forEach(({type, ids}) => {
  if (newItem.type === type) {
    ids.push(newItem.ids);
  }   
});

console.log(items);

Answer 6

To iterate through and add a new ID, you can utilize the forEach function.

let items = [{type: 'fruit', ids: [5, 10]},{type: 'vegetable', ids: [15]},],
    newItem = {type: 'fruit', ids: 20};

items.forEach(({type, ids}) => {
  if (newItem.type === type) {
    ids.push(newItem.ids);
  }   
});

console.log(items);

Answer 7

Answer №4

By implementing the upsert() function as shown in the code snippet below, you can achieve this task with a level of abstraction that allows for versatility beyond just one specific schema. The upsert() function comes with default settings that are suitable when dealing with objects that consist of primitive values.

function upsert (
  array, object, keyFn,
  updateFn = (target, object) => Object.assign(target, object),
  insertFn = object => object
) {
  const key = keyFn(object)
  const index = array.findIndex(
    value => keyFn(value) === key
  )

  if (index !== -1) updateFn(array[index], object)
  else array.push(insertFn(object))
}

let arr = [
  { type: 'fruit', id: [5, 50] },
  { type: 'vegetable', id: [15] }
]

const obj = { type: 'fruit', id: 25 }

upsert(
  arr, obj,
  o => o.type, // determines whether to update existing object
  (t, o) => t.id.push(o.id), // updates existing object
  ({ id, ...o }) => ({ ...o, id: [id] }) // defines new object to insert
)

console.log(arr)

Answer 8

By implementing the upsert() function as shown in the code snippet below, you can achieve this task with a level of abstraction that allows for versatility beyond just one specific schema. The upsert() function comes with default settings that are suitable when dealing with objects that consist of primitive values.

function upsert (
  array, object, keyFn,
  updateFn = (target, object) => Object.assign(target, object),
  insertFn = object => object
) {
  const key = keyFn(object)
  const index = array.findIndex(
    value => keyFn(value) === key
  )

  if (index !== -1) updateFn(array[index], object)
  else array.push(insertFn(object))
}

let arr = [
  { type: 'fruit', id: [5, 50] },
  { type: 'vegetable', id: [15] }
]

const obj = { type: 'fruit', id: 25 }

upsert(
  arr, obj,
  o => o.type, // determines whether to update existing object
  (t, o) => t.id.push(o.id), // updates existing object
  ({ id, ...o }) => ({ ...o, id: [id] }) // defines new object to insert
)

console.log(arr)

Verify if a certain attribute of an entity is present before making modifications to a different attribute

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Utilizing arrays in Expressjs: Best practices for passing and utilizing client-side arrays

Issues with syntax in AJAX programming can be a significant road

Malfunction detected in JavaScript shopping cart functionality

Sort users by their data attribute using jQuery

Unexpectedly, the React custom component is failing to render as intended

Utilizing multiple instances of Express in Node.js

An issue occurred while attempting to pretty-print JSON in Typescript

When the click event is triggered on the modal, the page suddenly jumps to the top while applying the style of hiding the element

Is it feasible in ES6 Javascript to access properties or methods of the superclass in a child class without the necessity of utilizing the "this" keyword?

The Expressjs router prioritizes resolving before retrieving data from Firestore

A guide to the bottom border of text inputs in React Native

Explore our product gallery with just a simple hover

The higher-order component is lacking a defined display name in its definition

I am looking to store individual objects in LocalStorage, however, I currently have the entire array saved

Ordering an Array of JavaScript Objects in a Custom Sequence (utilizing pre-existing methods)

Sending Multiple Sets of Data with Jquery Ajax.Post: A Step-by-Step Guide

JavaScript ACTING UP -> CROSS-ORIGIN RESOURCE ACCESS ERROR

Combining data types in TypeScript (incorporating new keys into an existing keyof type)

The command `grunt.option('force', true) isn't functioning properly

Iterating through HTML table data using a JQuery for each loop