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;

Answer 1

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);

• FrontEnd Expert: after running your code it still show 2 objects, it should be one right.
• Shubham Khatri: Do you need both conditions satisfied?
• FrontEnd Expert: @ShubhamKhatri, yes both condition should be satisfied, I replaced || with && but it's not working.
• Shubham Khatri: 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: With filter you would need to write versionsData.filter( versions => { versions.files.filter( m => { return m.fileType === "RUNNINGCONFIG" || m.fileType === "STARTUPCONFIG" } ).length > 0 } );

Answer 2

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);

Answer 3

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());

• FrontEnd Expert: You forget to add console, so that we can run and check.
• Vishal Sharma: added the log. please try now.