Traverse a nested array of objects within an array of objects in JavaScript to remove a specific entry

Question

Traverse a nested array of objects within an array of objects in JavaScript to remove a specific entry

Here is the structure of my array:

const array = [
    {
        '12345': [
            {
                name: 'item one',
                numbers: ['12345', '77484'],
            },
            {
                name: 'item two',
                numbers: ['12345', '65456'],
            },
            {
                name: 'item three',
                numbers: ['12345', '33920'],
            },
            {
                name: 'item four',
                numbers: ['12345', '99393'],
            },
        ],
    },
    {
        '67890': [
            {
                name: 'item one b',
                numbers: ['67890', '33232'],
            },
            {
                name: 'item two b',
                numbers: ['67890', '33456'],
            },
            {
                name: 'item three b',
                numbers: ['67890', '77665'],
            },
            {
                name: 'item four b',
                numbers: ['67890', '11234'],
            },
        ],
    },
]
console.log(array);

If I have a dynamic variable like 'item three b', how can I locate and delete that specific entry within the nested arrays?

I'm facing some challenges accessing the deeply nested arrays.

Appreciate any help!

javascript arrays loops object

Answer 1

Answer №1

To achieve the desired outcome, you can utilize a forEach loop in combination with findIndex and splice methods to manipulate the data within the array.

const sampleArray = [
    {
        '12345': [
            {
                name: 'item one',
                numbers: ['12345', '77484'],
            },
            {
                name: 'item two',
                numbers: ['12345', '65456'],
            },
            {
                name: 'item three',
                numbers: ['12345', '33920'],
            },
            {
                name: 'item four',
                numbers: ['12345', '99393'],
            },
        ],
    },
    {
        '67890': [
            {
                name: 'item one b',
                numbers: ['67890', '33232'],
            },
            {
                name: 'item two b',
                numbers: ['67890', '33456'],
            },
            {
                name: 'item three b',
                numbers: ['67890', '77665'],
            },
            {
                name: 'item four b',
                numbers: ['67890', '11234'],
            },
        ],
    },
]

sampleArray.forEach(object => {
   Object.values(object).forEach(innerObject => {
   var index = innerObject.findIndex(item => item.name==='item three b');
   if(index>-1){
      innerObject.splice(index,1);
     }
  })
})

console.log(sampleArray);

Answer 2

To achieve the desired outcome, you can utilize a forEach loop in combination with findIndex and splice methods to manipulate the data within the array.

const sampleArray = [
    {
        '12345': [
            {
                name: 'item one',
                numbers: ['12345', '77484'],
            },
            {
                name: 'item two',
                numbers: ['12345', '65456'],
            },
            {
                name: 'item three',
                numbers: ['12345', '33920'],
            },
            {
                name: 'item four',
                numbers: ['12345', '99393'],
            },
        ],
    },
    {
        '67890': [
            {
                name: 'item one b',
                numbers: ['67890', '33232'],
            },
            {
                name: 'item two b',
                numbers: ['67890', '33456'],
            },
            {
                name: 'item three b',
                numbers: ['67890', '77665'],
            },
            {
                name: 'item four b',
                numbers: ['67890', '11234'],
            },
        ],
    },
]

sampleArray.forEach(object => {
   Object.values(object).forEach(innerObject => {
   var index = innerObject.findIndex(item => item.name==='item three b');
   if(index>-1){
      innerObject.splice(index,1);
     }
  })
})

console.log(sampleArray);

Traverse a nested array of objects within an array of objects in JavaScript to remove a specific entry

Answer №1

Similar questions

How can I improve my skills in creating efficient Angular routers?

Adding Bootstrap 5 component to a create-react-app

Issues arise with controlling access due to cache-control and canvas properties

Calculate the sum of values in a JSON array with JMESPath

A guide to resolving cross-origin resource sharing issues using a reverse proxy

Angular 2 input delay feature

Discovering details regarding cookies established by an external domain

Differentiating the angular distinction between setting a variable with ng-click and invoking a function

Obtaining the referring URL after being redirected from one webpage to another

Highlighting neighboring components with the same marker when hovering in Slate JS: a step-by-step guide

Guide to using the Strapi Upload Plugin: Uploading a file from a remote source using a scheduled task

Send various pieces of information using Jquery/Ajax

AngularJS (ui-mask) provides a valid input mask feature

Listening for server updates with jQuery

Just for laughs: "The react-redux context value seems to be playing hide and seek; make sure to wrap the component in a <Provider> for it to show up!"

What sets apart route.use(), route.all(), and route.route() in Express?

Creating an optimized dashboard in Next.js: Expert tips for securing pages with specific roles, seamlessly implementing JWT authentication without any distracting "flickering" effect

An issue has been detected by Zone.js where the ZoneAwarePromise `(window|global).Promise` has been unexpectedly replaced

The menu does not appear when I attempt to right-click on the grid header

Top choice for removing items from a list array