Как добавить функционал в код с помощью promise и async/await?

Question

[Дмитрий Ярощук]

Проблема заключается в том что в данный код никак не получается реализовать функционал выбор конкретного места 'freeSeats', выбор формата фильмы (если true то 3D, если false то 2D), можно ли в зал с едой (если true то можно , если false то нельзя)
Исходный код:

const seats = {

    '2023-02-17': {

        '09:00': {
            'freeSeats': [
                '1','4','8','9','10',
                '12','13','18','19','21',
                '24','25','33','48','50',
            ],
            'format': false,
            'food': true
        },
        '12:00': {
            'freeSeats': [
                '7','8','13','14','25',
                '26','37','48','49','51',
                '52','58','61','64','75',
            ],
            'format': true,
            'food': false
        },
        '15:00': {
            'freeSeats': [
                '11','21','31','41','50'
            ],
            'format': false,
            'food': true
        },
    },

    '2023-02-18': {

        '09:00': {
            'freeSeats': [
                '11','14','17','19','25',
                '26','27','28','39','40',
                '41','52','53','74','75',
            ],
            'format': true,
            'food': false
        },
        '12:00': {
            'freeSeats': [
                '41','43','48','49','50',
                '56','57','58','59','60'
            ],
            'format': false,
            'food': true
        },
        '15:00': {
            'freeSeats': [
                '1','2','3','4','5',
            ],
            'format': true,
            'food': false
        },
    },

    '2023-02-19': {

        '09:00': {
            'freeSeats': [
                '1','2','3','4','5',
                '6','7','8','9','10',
                '11','12','13','14','15',
            ],
            'format': false,
            'food': true
        },
        '12:00': {
            'freeSeats': [
                '21','22','23','24','55',
                '66','77','78','79','80',
                '81','82','83','84','85',
            ],
            'format': true,
            'food': false
        },
        '15:00': {
            'freeSeats': [
                '11','23'
            ],
            'format': false,
            'food': true
        },
    },
}
function checkTicketsAvailable(date, time, numTicket) {
  return new Promise((resolve, reject)=> {
    setTimeout(() => {
     const setsAvailable = seats[date][time].freeSeats.length;
      if(seatsAvailable >= numTicket){
        resolve(seatsAvailable);
      } else {
        reject(`Свободных мест на ${date} в ${time} нет`);
      }
    }, 1000);
  })
}


async function bookTickets(date, time, numTickets){
  try{
    const availableSeats = await checkTicketsAvailable(date, time, numTickets);
    console.log(`${date} вы забронировали ${numTickets} билетов на время: ${time}`);
  } catch (error) {
    console.error(error);
  }
}

bookTickets('2023-02-17', '15:00', 2);

Comments

[Вадим]

1) Проблему то Вы озвучили, но толку от этого мало. Не получается, а что конкретно не получается? Не понятно. Какой ожидаемый результат?

2)

if(seatsAvailable >= numTicket){

Объект >= числа? Так задумано?
3) Что такое numTicket? Номер билета? Как он соотносится со свободными местами?

[Дмитрий Ярощук]

Вадим
1.Не могу понять как добавить функционал с помощью promise и async/await в данный код.
2.Нет это я допустил ошибку. Я пытался проверить (seatsAvailable это количество свободных мест больше чем
numTicket это количество билетов которые я забронировал)

[Вадим]

Дмитрий Ярощук, Ну давайте по порядку.
0) Я не вижу в коде действительно асинхронных операций. Только искусственно созданные. Код упрощён для примера?
1) Не получается реализовать выбор конкретного места.
const setsAvailable = seats[date][time].freeSeats - возвращает массив мест, среди которых нужно предоставить выбор. Соответственно, судя по коду, если количество свободных мест больше или равно количеству покупаемых билетов, то нужно вернуть этот список и предоставить пользователю выбор мест.

У Вас для этого используется resolve(), но на данный момент Вы в resolve отсылаете количество свободных мест. Нам это не подходит. Нужно отсылать массив.
Соответственно: resolve(seats[date][time].freeSeats).

B далее уже от Вас зависит каким методом, получаем ответ от пользователя какие места он хочет занять.
В рамках примера выберем

const chosenSeats = prompt('Введите номер мест через пробел', '')

Ну и далее убрать эти места из массива.

2) выбор формата фильмы и можно ли в зал с едой.
Тут не совсем понятно как Вы хотите это реализовать. Просто показывать пользователю что на данный сеанс есть такие возможности, или по предварительному фильтру?
Если первое, то нужно возвращать не только места, но и эту информацию, то есть resolve(seats[date][time]) и там уже при обработке этого резолва отображать эту информацию о сеансе.
Если второе, то функция должна принимать ещё 2 аргумента, например,

function checkTicketsAvailable(date, time, is3D, withFood, numTicket) {/*...*/}

Ну и соответственно дополнить условие, проверять не только на подходящее количество свободных мест, но и на соответствие критериям. Если все 3 соответствуют - то resolve.

[Дмитрий Ярощук]

Вадим скажите вы имели ввиду таким образом реализовать ?

function checkTicketsAvailable(data, time, numOfTicketBooked,number,food,format) {
    console.log('Выбираем билет...');
    return new  Promise((resolve, reject) => {
        setTimeout(() => {
            const setsAvailable = seats[data][time].freeSeats.length;
            if (setsAvailable >= numOfTicketBooked) {
                resolve(setsAvailable);
            } else {
                reject(`Мест на ${data} в ${time} нет`)
            }
        },2000);
    })
        .then(() => {
            console.log('Бронируем билеты...');
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    const checkFreeSeats = number.every((el) => seats[data][time].freeSeats.includes(el))
                    if (checkFreeSeats === true) {
                        resolve(checkFreeSeats)
                    } else {
                        reject(`На ${data} в ${time} места ${number} занято`)
                    }
                },1500)
            })
        })
        .then(() => {
            console.log('Проверяем можно ли в зал с едой...');
            return new Promise((resolve) => {
                setTimeout(() => {
                    if (food === true) {
                        console.log(`Сеанс ${data} в ${time} с едой можно`);
                    } else {
                        console.log(`Сеанс ${data} в ${time} с едой к сожалению нельзя`);
                    }
                    resolve(food);
                },3000)
            })
        })
        .then(() => {
            console.log('Выбираем формат фильма...');
            return new Promise((resolve) => {
                setTimeout(() => {
                    if (format === true) {
                        console.log(`Сеанс ${data} в ${time} будет в формате 3D`);
                    } else {
                         console.log(`Сеанс ${data} в ${time} будет в формате 2D`);
                    }
                    resolve(format);
                },4000)
            })
        })
}

async function bookTickets(data, time, numOfTicketBooked,number,food,format) {
    try {
        const availableSeats = await checkTicketsAvailable(data, time, numOfTicketBooked,number,food,format);
        console.log(`Вы забронировали на ${data}, ${numOfTicketBooked} билетов на ${time}, ваши места ${number}`)
    } catch (error) {
        console.log(error)
    } finally {
        console.log('Спасибо что выбрали наш кинотеатр !')
    }
}


bookTickets('2023-02-17','15:00',3,['11', '21','50'],false,false);

[Вадим]

Дмитрий Ярощук, завтра посмотрю, может быть, сейчас уже только телефон под рукой.

Answer 1

[Tema Smirnov]

Чтобы реализовать функционал выбора конкретного места из списка freeSeats, можно добавить аргумент функции bookTickets, который будет принимать массив выбранных мест. Затем нужно проверить, что все места из выбранного массива находятся в списке свободных мест freeSeats. Если все места доступны, то их можно забронировать.

Чтобы реализовать выбор формата фильма и наличия еды, можно добавить соответствующие параметры в вызов функции bookTickets. Затем можно добавить проверки на соответствие параметров формата и наличия еды заданным значениям в объекте seats. Если формат фильма или наличие еды не соответствуют требованиям, можно выкинуть ошибку.

Вот пример, как можно изменить код с учетом этих требований:

Раскрыть код

async function bookTickets(date, time, numTickets, selectedSeats = [], is3D = false, hasFood = false){
  try{
    const availableSeats = await checkTicketsAvailable(date, time, numTickets);
    
    // проверка наличия выбранных мест
    const unavailableSeats = selectedSeats.filter(seat => !seats[date][time].freeSeats.includes(seat));
    if (unavailableSeats.length > 0) {
      throw new Error(`Места ${unavailableSeats.join(', ')} недоступны`);
    }

    // проверка формата и наличия продуктов питания
    if ((is3D && !seats[date][time].format) || (hasFood && !seats[date][time].food)) {
      throw new Error(`Невозможно забронировать билеты с выбранными параметрами`);
    }

    console.log(`${date} вы забронировали ${numTickets} билетов на время: ${time}`);
    if (selectedSeats.length > 0) {
      console.log(`Выбранные места: ${selectedSeats.join(', ')}`);
    }
    if (is3D) {
      console.log(`Формат фильма: 3D`);
    } else {
      console.log(`Формат фильма: 2D`);
    }
    if (hasFood) {
      console.log(`С едой`);
    } else {
      console.log(`Без еды`);
    }
  } catch (error) {
    console.error(error);
  }
}

bookTickets('2023-02-17', '15:00', 2, ['11', '21'], false, true);

В данном примере добавлены аргументы selectedSeats, is3D и hasFood для выбора мест, формата фильма и наличия еды соответственно. Затем в функции bookTickets проверяется доступность выбранных мест и соответствие параметров формата и наличия еды требованиям. Выводится сообщение о бронировании билетов и выбранных параметрах.