Одним из подходов для этого является использование Reduce () . На каждой итерации вы можете проверить, существует ли текущий анализируемый объект в накопленном массиве (т. Е. Объект с тем же team name
уже существует). Затем вы можете использовать это условие для добавления нового целого объекта в накопленный массив или просто добавить новый набор данных в массив rounds
:
const rounds = [
{team: "Dropkick Murphies", score: 75, course: 17},
{team: "Dropkick Murphies", score: 62, course: 24},
{team: "Dropkick Murphies", score: 69, course: 26},
{team: "Gigantic", score: 67, course: 26},
{team: "Gigantic", score: 65, course: 17},
{team: "Gigantic", score: 63, course: 24}
];
let res = rounds.reduce((r, {team, score, course}) =>
{
let found = r.findIndex(x => x.team === team);
if (found >= 0)
r[found].rounds.push({score: score, course: course});
else
r.push({team: team, rounds: [{score: score, course: course}]});
return r;
}, []);
console.log(res);
Найденный ответом на мой собственный вопрос.
Причина ошибок рендеринга, я вхожу в режим проектирования, очевидная ошибка в Visual Studio SP1, который должна все же зафиксировать Microsoft.
Таким образом, вышеупомянутый код работает как ожидалось, также в режиме проектирования, пока Вы просто включаете пользовательские элементы управления в пред скомпилированный блок, а не через другой проект в том же решении.
См. ссылку выше для более подробного объяснения как и почему.
Работы очень гладко.
Для тех, которые как я, которые никогда не помнят синтаксис <теги % здесь - то, что необходимо добавить к верхней части основного определения страницы и файла кожи для регистрации пространства имен.
<%@ Register TagPrefix="ass" Namespace="Assimilated.WebControls.Stylesheet" %>
Я не уверен, что хочу так много 'задницы' на всем протяжении своего кода, но иначе мне нравится он.
О, и если это - действительно Ваша первая отличная работа пользовательского элемента управления. Я знаю, что это было вдохновлено чужим кодом, но это, по крайней мере, кажется, имеет все правильные атрибуты и интерфейсы.
Re: используя конкретный CSS-файл носителя, вы можете использовать CSS-оператор @media, работает нормально.