Как объединить объединить несколько массивов в один массив в JavaScript - PullRequest
Новая
       16

Как объединить объединить несколько массивов в один массив в JavaScript

0 голосов
/ 29 ноября 2018

У меня есть несколько массивов, в которых есть несколько типов данных, таких как: 

 var student= [{
      id : 1,
      name : 'name1',
      year: 2016,
      dist_id: 251,
      zone_id: 25106
    },
    {
      id : 1,
      name : 'name2',
      year: 2018,
      dist_id: 252,
      zone_id: 25212
    },];

    var dist= [{
        id : 251,
        name : 'dist1'
    },
    {
       id : 252,
        name : 'dist2'
    }];
    var zone= [{
        id : 25106,
        name : 'zone1'
    },
    {
       id : 25212,
        name : 'zone2'
    }];

Я хочу создать массив, который объединяет все данные в одно, так что поля в массиве выглядят какэто: 

var merge = [{
  id: 1,
  name : 'name1',
  year: 2016,
  distname : 'dist1',
  zonename: 'zone1',
},
{
  id: 2,
  name : 'name2',
  year: 2018,
  distname : 'dist2',
  zonename: 'zone2',
}];

Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 29 ноября 2018

Вы можете взять Map для расстояния и зоны и отобразить значения в новых объектах. 

var student = [{ id: 1, name: 'name1', year: 2016, dist_id: 251, zone_id: 25106 }, { id: 1, name: 'name2', year: 2018, dist_id: 252, zone_id: 25212 }],
    dist = [{ id: 251, name: 'dist1' }, { id: 252, name: 'dist2' }],
    zone = [{ id: 25106, name: 'zone1' }, { id: 25212, name: 'zone2' }],
    distMap = new Map(dist.map(({ id, name: distname }) => [id, { distname }])),
    zoneMap = new Map(zone.map(({ id, name: zonename }) => [id, { zonename }])),
    merged = student.map(({ id, name, year, dist_id, zone_id }) => Object.assign(
        { id, name, year },
        distMap.get(dist_id),
        zoneMap.get(zone_id)
    ));

console.log(merged);
.as-console-wrapper { max-height: 100% !important; top: 0; }
0 голосов
/ 29 ноября 2018

Вы можете map() массив student до требуемого массива merge, где для каждой итерации сопоставления вы будете искать в массивах dist и zone элементы, которые соответствуют dist_id и * 1007.* соответственно, и объедините name из отображенного результата: 

var student= [
{ id : 1, name : 'name1', year: 2016, dist_id: 251, zone_id: 25106 }, 
{ id : 1, name : 'name2', year: 2018, dist_id: 252, zone_id: 25212 } ];

var dist= [
{ id : 251, name : 'dist1' }, { id : 252, name : 'dist2' }];

var zone= [ 
{ id : 25106, name : 'zone1' }, { id : 25212, name : 'zone2' } ];
    
// Perform a mapping over the student array to aquire merge array in required
// format, with required distname/zonename data
var merge = student.map((s) => {
  
  // Search dist and zone arrays for items that match of dist_id/zone_id
  // by filtering and mapping these arrays to find distname and zonename
  // for this student
  const distname = dist.filter(d => d.id === s.dist_id).map(d => d.name)[0];
  const zonename = zone.filter(z => z.id === s.zone_id).map(z => z.name)[0];
  
  return {
    id : s.id,
    name : s.name,
    year : s.year,
    distname : distname,
    zonename : zonename
  }

});

console.log('required merge array:', merge)
...