Как по другому реализовать имитацию реальной колоды карт на Javascript?

Question

[Максим]

Я только изучаю Javascript. Поставил перед собой задачу сделать имитацию реальной колоды, чтобы карты которые выпали уходили из колоды.
Все работает.
Дело в том, что я теперь не знаю, как при такой реализации вывести список оставшихся карт но с разделением по мастям. Например если я хочу в html сделать 4 строчки. Каждая строчка начинается с иконки масти, а затем в каждой строке я хочу выводить список (или массив) всех оставшихся в колоде карт данной масти.
Я не знаю, как мне теперь выводить список оставшихся карт отдельно по мастям.
Может изначально мой способ реализации колоды не совсем удачный?
Также если не трудно, можете указать на зачатки говнокода, чтобы я больше "так" не делал =)

Comments

[Rustam Bainazarov]

Оформите код куда-нибудь в песочницу.
https://jsfiddle.net/

[Максим]

Рустам Байназаров, Благодарю! Буду пользоваться!

[Максим]

https://jsfiddle.net/wellloy/fuysjtam/

Answer 1

[hzzzzl]

я бы сначала сделал массив-колоду уже перетасованную, ну и потом просто по клику на кнопку снимаешь первую карту из этого массива

вот зачаток, дальше понятно уже :)

Я не знаю, как мне теперь выводить список оставшихся карт отдельно по мастям

отфильтровать из массива с готовой колодой все карты с одинаковым suit

Comments

[Максим]

Благодарю! Эта информация была очень полезна!
Попробую сделать также.
А при моем способе, нет идей как вывести в 4 строки список оставшихся карт по мастям?

[hzzzzl]

ммммм ну наверно прогонять for луп всех оставшихся элементов в cardIds, и для каждой просчитывать ее масть, и потом так же фильтровать

[Максим]

Понял, спасибо!