<div class="container"></div>
.container {
position: relative;
width: 500px;
height: 500px;
background-color: #c4c4c4;
}
.container::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 250px;
height: 250px;
border-top: 3px solid #00ff00;
border-right: 3px solid #00ff00;
}
let data = { id: 1 }
const first = [{ id: 3, value: 1 }, { id: 1, value: 4 }]
const second = [{ id: 2, value: 9 }, { id: 4, value: 2 }, { id: 1, value: 3 }]
let result = first.find(o => o.id === data.id)
if (!result) {
result = second.find(o => o.id === data.id)
if (!result) {
result = {}
}
}
data = {
...data,
...result
}