JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

some array processing

JavaScript

const apps = [
    {
        name: 'InstaPic',
        platform: 'ANDROID'
    },
    {
        name: 'MadBirds',
        platform: 'IOS'
    },
    {
        name: 'NetMovies',
        platform: 'ANDROID'
    },
    {
        name: 'WeTalk',
        platform: 'WINDOWS'
    },
];

const platforms = [
    {
        name: 'IOS',
        features: [
            'APP_MANAGEMENT',
            'FIREWALL',
        ],
    },
    {
        name: 'ANDROID',
        features: [
            'FIREWALL',
            'KIOSK_MODE',
        ],
    },
    {
        name: 'WINDOWS',
        features: [
            'KIOSK_MODE',
            'REMOTE_ACCESS',
        ],
    },
];


// Complete the getFullApps function below.
function getFullApps(apps, platforms, appNames) {
   return apps.filter((app) => {
       return appNames.indexOf(app.name) > -1       
    }).map((app)=>{
    	app['features'] = platforms.filter((platform) => platform.name == app.platform).map((filteredPlatform) => filteredPlatform['features']);
    	return app;
    })

   /*return filteredApps.forEach((app) => {
        app['features'] = 
    });*/

  
}
console.log(getFullApps(apps,platforms, ['NetMovies', 'MadBirds']));