Time Converter : partagez le temps du contenu avec le temps des publicités

Je suis désolé, j'essaie de trouver et de résoudre un problème de mathématiques

Disons que j'ai 2 Liste ou tableau

Tableau de contenu

0-50 = C1
50-100 = C2

Tableau AD

10-20 = A1
30-60 = A2
80-140 = A3

La sortie devrait être comme ça

0-10 = C1
10-20 = A1
20-30 = C1
30-60 = A2
60-80 = C2
80-100 = A3

Ici, les publicités remplacent le contenu réel et divisent le contenu en un nouveau tableau d'éléments.

const content = [
 {start: 0, end: 50, id: 'C1'},
 {start: 50, end: 100, id: 'C2'},
]
const ad = [
 {start:10, end: 20, id: 'A1' },
 {start:30, end: 60, id: 'A2' },
 {start:80, end: 140, id: 'A3' },
]
const newList = []
content.forEach(content => {
 ad.forEach((ad, index) => {
 //0 > 0 && 20 < 50
 if(content.start < ad.start && content.end > ad.end){
 newList.push({start: content.start, end: ad.start, id: content.id})
 newList.push(ad)
 }else{
 console.log(decodeURIComponent(`${content.start} > ${ad.start} && ${content.end} < ${ad.end}`))
 }
 })
})
console.log('newList',newList)

Solution du problème

En fait, je ne sais pas ce que je peux dire sur le code, essayez simplement cette approche:

const content = [{start: 0, end: 50, id: 'C1'},{start: 50, end: 100, id: 'C2'}];
const ad = [{start:10, end: 20, id: 'A1' },{start:30, end: 60, id: 'A2' },{start:80, end: 140, id: 'A3' }];
const cPoints = content.flatMap(e => [e.start, e.end]); // [0, 50, 50, 100]
const aPoints = ad.flatMap(e => [e.start, e.end]); // [10, 20, 30, 60, 80, 140]
const rangeMin = Math.min(...cPoints); // 0
const rangeMax = Math.max(...cPoints); // 100
const rangePoints = [...new Set([...aPoints,...cPoints])] // [10, 20, 30, 60, 80, 140, 0, 50, 100]
.filter(point => (point >= rangeMin) && (point <= rangeMax)) // [10, 20, 30, 60, 80, 0, 50, 100]
.sort((a, b) => a - b); // [0, 10, 20, 30, 50, 60, 80, 100]
 
const getObjByPoint = (point, arr) => 
 arr.find((e) => (e.start <= point) && (point <= e.end));
const getFirstId = (point) => 
 (getObjByPoint(point, ad) || getObjByPoint(point, content)).id;
 
const result = rangePoints.reduce((acc, end, index, arr) => {
 if (index === 0) return acc;
 
 let start = arr[index - 1];
 const middle = (start + end) / 2;
 const id = getFirstId(middle);
 if (acc.at(-1)?.id === id) {
 start = acc.pop().start;
 }
 acc.push({ start, end, id });
 
 return acc;
}, []);
console.log(result);

.as-console-wrapper { max-height: 100%!important; top: 0; }