Важно: каждая задача выполняется в виде отдельного проекта с собственным GitHub репозиторием.
Важно: код должен проходить ESLint без ошибок
Важно: тесты должны обеспечивать 100% покрытие тестируемых функций по строкам
Важно: решения должны быть построены на базе шаблона Webpack.
В личном кабинете на сайте netology.ru в поле комментария к домашней работе вставьте ссылки на ваш GitHub-проекты.
В рамках разработки игры периодически нужно печатать таблички, отображающие свойства объектов. Вам нужно реализовать функцию, которая для переданного объекта возвращает массив его свойств со значениями, отсортированный по свойствам (порядок сортировки свойств - второй аргумент).
Дан объект, например:
const obj = {name: 'мечник', health: 10, level: 2, attack: 80, defence: 40}Дан порядок сортировки свойств:
["name", "level"]Пример вызова вашей функции:
orderByProps(obj, ["name", "level"])После обработки вашей функцией:
[
{key: "name", value: "мечник"}, // порядок взят из массива с ключами
{key: "level", value: 2}, // порядок взят из массива с ключами
{key: "attack", value: 80}, // порядок по алфавиту (т.к. в массиве с ключами нет значения "attack")
{key: "defence", value: 40}, // порядок по алфавиту (т.к. в массиве с ключами нет значения "defence")
{key: "health", value: 10} // порядок по алфавиту (т.к. в массиве с ключами нет значения "health")
]Т.е. сначала идёт сортировка по тому, как указано в массиве сортировки, для тех ключей, для которых в массиве сортировки нет записи, сортировка идёт в алфавитном порядке.
Используйте возможности for-in для перебора свойств объекта. Не забудьте написать unit-тесты, которые обеспечивают 100% покрытие функции, которую вы тестируете.
При выборе конкретного пресонажа на поле необходимо во время боя на экране отображать доступные варианты спец.атак для этого персонажа. Это вам и предстоит сделать.
Вам необходимо для панели выбора варианта атаки вытащить id, иконку и описание из объекта:
{
name: 'Лучник',
type: 'Bowman',
health: 50,
level: 3,
attack: 40,
defence: 10,
special: [
{
id: 8,
name: 'Двойной выстрел',
icon: 'http://...',
description: 'Двойной выстрел наносит двойной урон'
},
{
id: 9,
name: 'Нокаутирующий удар',
icon: 'http://...'
// <- обратите внимание, описание "засекречено"
}
]
}Но для некоторых (ещё недоступных) атак описание является засекреченным и не отображается:
{
id: 9,
name: 'Нокаутирующий удар',
icon: 'http://...'
}Напишите функцию с аргументом-деструктором, которая извлекает массив с нужными полями (id, name, description, icon) из объекта, а если значения для поля description нет - устанавливает default'ное значение в 'Описание недоступно'. Функция должна возвращать извлечённый массив из объектов с четыремя полями.
Не забудьте написать unit-тесты, которые обеспечивают 100% покрытие функции, которую вы тестируете.
Важно: данная задача не является обязательной
Чтобы обеспечить пользователя быстрой информацией о текущем состоянии во время боя, необходимо написать функцию, которая над конкретным персонажем будет отображать краткое его текущее состояние, например: Л(1) 40/100 - лучник первого уровня, осталось 40 жизней из 100.
Получая на вход объекты:
{
name: 'Лучник',
type: 'Bowman',
health: 50,
level: 1,
attack: 40,
defence: 10
}И используя знания о обёртке String, напишите функцию, которая генерирует краткое описание объекта в формате "😠 Л(1) ⚔40 🛡10 ❤50", где:
- 😠(U+1F620 - Bowman), 😡(U+1F621 - Swordsman), 🧐(U+1F9D0 - Magician) 👿 (U+1F47F - Daemon), 💀 (U+1F480 - Undead), 🧟 (U+1F9DF - Zombie)
- Л - первая буква имени
- 40 - значение атаки
- 10 - значение защиты
- 50 - значение жизни
⚔ U+2694 - мечи (атака) 🛡 U+1F6E1 - щит (защита) ❤ U+2764 - сердце (уровень жизни)
Подсказка: используйте методы обёртки String (например, для замены текста на иконку) и Template literals.
Не забудьте написать unit-тесты, которые обеспечивают 100% покрытие функции, которую вы тестируете.