Filtering a nested object in javascript

Question

I have a heavily nested object which looks like this:

data = [{
    id: 1, 
    tables: {
        headers: [
            {headerName: 'First Name', 
             values: [
                 {id: 1, text_value: 'John', unique_id: '3UPYR2'}
                 {id: 2, text_value: 'Nick', unique_id: 'WKKHCM'}
             ]}, 

             {headerName: 'Last Name', 
             values: [
                 {id: 1, text_value: 'Doe', unique_id: '3UPYR2'}
                 {id: 2, text_value: 'Smith', unique_id: 'WKKHCM'}
             ]}
        ]
    } 
}]

What I want to do is filter out this object but query it on the unique_id attribute for each header so that I can create an object like so:

data = [{
    id: 1, 
    tables: {
        headers: [
            {headerName: 'First Name', 
             values: [
                 {id: 1, text_value: 'John', unique_id: '3UPYR2'}
             ]}, 

             {headerName: 'Last Name', 
             values: [
                 {id: 1, text_value: 'Doe', unique_id: '3UPYR2'}
             ]}
        ]
    } 
}]

I tried implementing the solution on this post (https://stackoverflow.com/questions/56371728/how-can-i-filter-nested-objects-and-arrays-with-javascript#:~:text=Here%20nested%20some%20is%20used%20to) but this just returns the original object.

I updated this implementation like so:

let filetered = data.filter(rec => {
    let final = rec.table.some(({headers}) => headers.some(({values}) => values.some(({unique_id}) => unique_id === myUniqueId)))
    return final
})

Not entirely sure how this is working or what is going wrong here.

also is the id in the main object and the ids in headers related — cmgchess
– cmgchess, Commented Mar 29, 2023 at 20:18
Sorry about the typos, resCopy should have been data and rec is effectively just the entire data object. The id in the main object is not related to the id in headers — doozy
– doozy, Commented Mar 29, 2023 at 20:21
The code you posted doesn't seem at all related to what you want to do. — Barmar
– Barmar, Commented Mar 29, 2023 at 20:22
Nothing in what you're doing needs .some(). That's for filtering an outer array if you can find a match in any of the inner array. But you just want to filter the values arrays directly, it's not so complicated. — Barmar
– Barmar, Commented Mar 29, 2023 at 20:23

Barmar · Accepted Answer · 2023-03-29 20:20:42Z

1

Loop through all the header and filter its values property.

const data = [{
    id: 1, 
    tables: {
        headers: [
            {headerName: 'First Name', 
             values: [
                 {id: 1, text_value: 'John', unique_id: '3UPYR2'},
                 {id: 2, text_value: 'Nick', unique_id: 'WKKHCM'}
             ]}, 

             {headerName: 'Last Name', 
             values: [
                 {id: 1, text_value: 'Doe', unique_id: '3UPYR2'},
                 {id: 2, text_value: 'Smith', unique_id: 'WKKHCM'}
             ]}
        ]
    } 
}]

const unique_id = "3UPYR2";
data.forEach(d => 
  d.tables.headers.forEach(h => 
    h.values = h.values.filter(v => v.unique_id == unique_id)))

console.log(data);

answered Mar 29, 2023 at 20:20

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Filtering a nested object in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related