How to filter nested array in javascript

Question

This is my json data -

{
  "list": [
    {
      "deviceId": "2a-d539-4031-9bfc-4a42f2f765cf",
      "versions": [
        {
          "id": "764c20-a213-9235f4b553b3",
          "createdTime": 1590361208034,
          "files": [
            {
              "fileType": "VLAN"
            },
            {
              "fileType": "STARTUPCONFIG",
            }
          ],
          "startupRunningStatus": "OUT_OF_SYNC",
          "createdBy": "SCHEDULED"
        },
        {
          "id": "9bd33-a45a-ed2fefc46931",
          "createdTime": 1589972337717,
          "files": [
            {
              "fileType": "VLAN",
            },
            {
              "fileType": "STARTUPCONFIG",
            },
            {
              "fileType": "RUNNINGCONFIG",
            }
          ],
          "startupRunningStatus": "IN_SYNC",
          "createdBy": "SCHEDULED_FIRST_TIME"
        }
      ]
    }
  ]
}

I want to filter data, where "fileType": "RUNNINGCONFIG", and "fileType": "STARTUPCONFIG", is present inside 'files' only return that array.

e.g. From the above json only second object will be returned.

I tried to write some Filter code but it is not working properly, guide me.

let versionsData = response.data.versions;


versionsData = versionsData.filter(
                        versions => {
                            versions.files.filter(
                                m =>  {
                                    return m.fileType === "RUNNINGCONFIG"
                                }
                            )
                        }
                    );
                return versionsData;

Shubham Khatri · Accepted Answer · 2020-05-27 13:08:56Z

5

Instead of nested filter you could use Array.prototype.some

const obj = {
  "list": [
    {
      "deviceId": "2a-d539-4031-9bfc-4a42f2f765cf",
      "versions": [
        {
          "id": "764c20-a213-9235f4b553b3",
          "createdTime": 1590361208034,
          "files": [
            {
              "fileType": "VLAN"
            },
            {
              "fileType": "STARTUPCONFIG",
            }
          ],
          "startupRunningStatus": "OUT_OF_SYNC",
          "createdBy": "SCHEDULED"
        },
        {
          "id": "9bd33-a45a-ed2fefc46931",
          "createdTime": 1589972337717,
          "files": [
            {
              "fileType": "VLAN",
            },
            {
              "fileType": "STARTUPCONFIG",
            },
            {
              "fileType": "RUNNINGCONFIG",
            }
          ],
          "startupRunningStatus": "IN_SYNC",
          "createdBy": "SCHEDULED_FIRST_TIME"
        }
      ]
    }
  ]
}
let versionsData = obj.list[0].versions;


versionsData = versionsData.filter(
    versions => 
        versions.files.some(
            m =>  m.fileType === "RUNNINGCONFIG"
        ) && versions.files.some(
            m => m.fileType== 'STARTUPCONFIG'
        )

);
console.log(versionsData);

With Array.prototype.filter

const obj = {
  "list": [
    {
      "deviceId": "2a-d539-4031-9bfc-4a42f2f765cf",
      "versions": [
        {
          "id": "764c20-a213-9235f4b553b3",
          "createdTime": 1590361208034,
          "files": [
            {
              "fileType": "VLAN"
            },
            {
              "fileType": "STARTUPCONFIG",
            }
          ],
          "startupRunningStatus": "OUT_OF_SYNC",
          "createdBy": "SCHEDULED"
        },
        {
          "id": "9bd33-a45a-ed2fefc46931",
          "createdTime": 1589972337717,
          "files": [
            {
              "fileType": "VLAN",
            },
            {
              "fileType": "STARTUPCONFIG",
            },
            {
              "fileType": "RUNNINGCONFIG",
            }
          ],
          "startupRunningStatus": "IN_SYNC",
          "createdBy": "SCHEDULED_FIRST_TIME"
        }
      ]
    }
  ]
}
let versionsData = obj.list[0].versions;


versionsData = versionsData.filter( versions => {        return versions.files.filter( m => { 
     return m.fileType === "RUNNINGCONFIG" || m.fileType === "STARTUPCONFIG" }).length > 1 }
);
console.log(versionsData);

edited May 27, 2020 at 13:08

answered May 27, 2020 at 10:54

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

13 Comments

FrontEnd Expert Over a year ago

after running your code it still show 2 objects, it should be one right.

Shubham Khatri Over a year ago

Do you need both conditions satisfied?

FrontEnd Expert Over a year ago

@ShubhamKhatri, yes both condition should be satisfied, I replaced || with && but it's not working.

Shubham Khatri Over a year ago

Some returns you true if a condition is satisfied by atleast one element in the array. However filter will loop on the entire array and returns you elements that satisfy the condition. It could have worked with filter too but you would need to change its implementation a bit

Shubham Khatri Over a year ago

With filter you would need to write

versionsData.filter(                         versions => {                             versions.files.filter(                                 m =>  {                                     return m.fileType === "RUNNINGCONFIG" || m.fileType === "STARTUPCONFIG"                                 }                             ).length > 0                         }                     );

|

dipser · Accepted Answer · 2020-05-27 11:08:18Z

A way with filter inside of filter.

let data = {
  "list": [
    {
      "deviceId": "2a-d539-4031-9bfc-4a42f2f765cf",
      "versions": [
        {
          "id": "764c20-a213-9235f4b553b3",
          "createdTime": 1590361208034,
          "files": [
            {
              "fileType": "VLAN"
            },
            {
              "fileType": "STARTUPCONFIG",
            }
          ],
          "startupRunningStatus": "OUT_OF_SYNC",
          "createdBy": "SCHEDULED"
        },
        {
          "id": "9bd33-a45a-ed2fefc46931",
          "createdTime": 1589972337717,
          "files": [
            {
              "fileType": "VLAN",
            },
            {
              "fileType": "STARTUPCONFIG",
            },
            {
              "fileType": "RUNNINGCONFIG",
            }
          ],
          "startupRunningStatus": "IN_SYNC",
          "createdBy": "SCHEDULED_FIRST_TIME"
        }
      ]
    }
  ]
};


let versionsData = /*response.*/data.list[0].versions;

versionsData = versionsData.filter(versions => {
  return versions.files.filter(m => {
    return m.fileType == 'RUNNINGCONFIG' || m.fileType == 'STARTUPCONFIG';
  }).length == 2;
});

console.log(versionsData);

Vishal Sharma · Accepted Answer · 2020-05-27 11:09:36Z

0

const data = {
  "list": [
    {
      "deviceId": "2a-d539-4031-9bfc-4a42f2f765cf",
      "versions": [
        {
          "id": "764c20-a213-9235f4b553b3",
          "createdTime": 1590361208034,
          "files": [
            {
              "fileType": "VLAN"
            },
            {
              "fileType": "STARTUPCONFIG",
            }
          ],
          "startupRunningStatus": "OUT_OF_SYNC",
          "createdBy": "SCHEDULED"
        },
        {
          "id": "9bd33-a45a-ed2fefc46931",
          "createdTime": 1589972337717,
          "files": [
            {
              "fileType": "VLAN",
            },
            {
              "fileType": "STARTUPCONFIG",
            },
            {
              "fileType": "RUNNINGCONFIG",
            }
          ],
          "startupRunningStatus": "IN_SYNC",
          "createdBy": "SCHEDULED_FIRST_TIME"
        }
      ]
    }
  ]
}

const filterData = () => {
  return data.list[0].versions.reduce((output, version) => {
    const fileTypes = version.files.map(f => f.fileType);

    return fileTypes.includes('STARTUPCONFIG') && fileTypes.includes('RUNNINGCONFIG') ? 
    [...output, version] : output
  }, [])
}

console.log(filterData());

edited May 27, 2020 at 11:09

answered May 27, 2020 at 11:02

Vishal Sharma

3461 silver badge8 bronze badges

2 Comments

FrontEnd Expert Over a year ago

You forget to add console, so that we can run and check.

Vishal Sharma Over a year ago

added the log. please try now.

Collectives™ on Stack Overflow

How to filter nested array in javascript

3 Answers 3

13 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

13 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related