JSFiddle - React, Tailwind, and code Playground

by Alexander Branchugov

JavaScript

var arr = [
{"fieldName":"Вид площадки","values":["DEV","TEST","QA"]}, 
{"fieldName":"Проект","values":["Учёт и отчётность (ARP)","Управление расходами (EXP)","Управление закупками (PUR)","Бюджетное планирование (BP)","Демонстрационный УФОС (DEMO)","Студия"]}
];

groups = arr.
          map( function ( field ) {
            return field.values.map( function ( value ) {
              var obj = {};
              obj[field.fieldName] = value;
              return obj;
            } );
          } ).
          reduce( function( a, b ) {
            return a.map( function( x ) {
              return b.map( function( y ) {
                return x.concat( y );
              } )
            } ).reduce( function(a, b) {
              return a.concat( b )
            }, [] )
          }, [ [] ] );
          
          console.log( groups )