Duplicates array

Hi,

[code]
const intervals = [’08:00′, ’08:30′, ’09:00′, ’09:30′, ’10:00′, ’10:30′, ’11:00′, ’11:30′, ’12:00′];
const tasks =  [
{‘id’: 1, ‘title’: “Peter”, ‘time’: “09:30”},
{‘id’: 2, ‘title’: “John, ‘time’: “12:00″}
];

var html = ”;

intervals.forEach( (fromTime) => {
tasks.forEach( (task) => {
if (task.time == fromTime) {

html += `<tr>
<td>` + fromTime + `</td>
<td>` + task.title + `</td>
</tr>`;
} else {
html += `<tr>
<td>` + fromTime + `</td>
<td>` + ” + `</td>
</tr>`;
}
})
})
html = `<table style=”font-size: 10px”>` + html + `</table>`;
[/code]

Result is WRONG:

[code]
<table style=”font-size: 10px”><tr>
<td>08:00</td>
<td></td>
</tr><tr>
<td>08:00</td>
<td></td>
</tr><tr>
<td>08:30</td>
<td></td>
</tr><tr>
<td>08:30</td>
<td></td>
</tr><tr>
<td>09:00</td>
<td></td>
</tr><tr>
<td>09:00</td>
<td></td>
</tr><tr>
<td>09:30</td>
<td>Peter</td>
</tr><tr>
<td>09:30</td>
<td></td>
</tr><tr>
<td>10:00</td>
<td></td>
</tr><tr>
<td>10:00</td>
<td></td>
</tr><tr>
<td>10:30</td>
<td></td>
</tr><tr>
<td>10:30</td>
<td></td>
</tr><tr>
<td>11:00</td>
<td></td>
</tr><tr>
<td>11:00</td>
<td></td>
</tr><tr>
<td>11:30</td>
<td></td>
</tr><tr>
<td>11:30</td>
<td></td>
</tr><tr>
<td>12:00</td>
<td></td>
</tr><tr>
<td>12:00</td>
<td>John</td>
</tr></table>
[/code]

This is the result i want to get

[code]
<table style=”font-size: 10px”><tr>
<td>08:00</td>
<td></td>
</tr><tr>
<td>08:30</td>
<td></td>
</tr><tr>
<td>09:00</td>
<td></td>
</tr><tr>
<td>09:30</td>
<td>Peter</td>
</tr><tr>
<td>10:00</td>
<td></td>
</tr><tr>
<td>10:30</td>
<td></td>
</tr><tr>
<td>11:00</td>
<td></td>
</tr><tr>
<td>11:30</td>
<td></td>
</tr><tr>
<td>12:00</td>
<td>John</td>
</tr></table>
[/code]

Thanks if anyone helps.

Also in #JavaScript _↴