Как создать массив объектов с определенными свойствами на основе другого массива объектов?

Question

[Andy Koshman]

Есть массив с каютами:

const cabins = [{
    adult: 1, // выбран 1 взрослый
    teenager: 1, // выбран 1 подросток
    babe: 1 // выбран 1 ребенок
  },
  {
    adult: 2, // выбрано 2 взрослых
    teenager: 0,
    babe: 1 // выбран 1 ребенок
  }
]

В котором было выбрано условно 2 каюты с пассажирами, при создании данного массива так же должен отдельно создаться еще один массив passengers = [] в котором будут присутствовать объекты (1 пассажир === 1 объект) с свойством WithSeat: 1 или WithSeat: 0 в зависимости от информации с backend который я получаю ниже:

const obj = {
  result: "1",
  types: [{
      ID: 1,
      Text: "Взрослый",
      WithSeat: 1 //с местом
    },
    {
      ID: 2,
      Text: "Подросток",
      WithSeat: 1 //с местом
    },
    {
      ID: 3,
      Text: "Ребенок",
      WithSeat: 0 //без места
    }
  ]
}

Вытаскиваю примерно так нужные мне WithSeat из объектов и присваиваю в переменные для дальнейшей работы:

const adultSixteenWithSeat = result.types[0]["WithSeat"]; // === 1
const childTwelveToSixteenWithSeat = result.types[1]["WithSeat"]; // === 1
const childUpToOneWithSeat = result.types[2]["WithSeat"]; // === 0

В конечном итоге я должен получить вот такую структуру массива объектов пассажиров:

const passengers = [{
    WithSeat: 1, // adult
  },
  {
    WithSeat: 1, // teenager
  },
  {
    WithSeat: 0, // babe
  },
  {
    WithSeat: 1, // adult
  },
  {
    WithSeat: 1, // adult
  },
  {
    WithSeat: 0, // babe
  },
]

По принципу работы это счетчик в котором выбирается количество пассажиров и формируется массив cabins, приблизительный наглядный пример:
https://jsfiddle.net/xfh2csby/1/

Answer 1

[0xD34F]

// значения withSeat вместо раскладывания в отдельные переменные собираете в объект
const withSeat = {
  adult: 1,
  teenager: 1,
  babe: 0,
};


const passengers = cabins.flatMap(n => Object
  .entries(n)
  .flatMap(([ k, v ]) => Array.from(
    { length: v },
    () => ({ withSeat: withSeat[k] })
  ))
);

Comments

[Andy Koshman]

Спасибо большое, всё работает как и задумывалось. Осталось разобраться в данном коде)

[Andy Koshman]

Добрый вечер, подскажите пожалуйста, как можно реализовать добавление объектов в один общий массив? Сейчас по клику объекты отрисовываются вместе со своим родительским массивом отдельно и мне нужно доработать функционал. Я пытался сам разобраться, но у меня не получилось. https://jsfiddle.net/qbtLudpj/14/

[Andy Koshman]

Добрый день, мне понадобилось немного изменить логику работы вашего алгоритма всё никак не получается, помогите пожалуйста. Нужно создать один массив passengers и туда пушить по клику заданное количество объектов с свойством withSeat.

[0xD34F]

Andy Koshman, вам следует оформить новый вопрос, где будет подробно рассказано, чего вы хотите сделать, как вы пытались это сделать, и чем вас не устроил полученный результат.

[Andy Koshman]

0xD34F, Я опубликовал новый вопрос по вашим рекомендациям. https://qna.habr.com/q/1246216

[0xD34F]

Andy Koshman, и?