Как сопоставить данные из двух массивов?

Question

[Black_Fire]

Нужно, чтобы в параграфы добавлялся соответствующий текст. Например:
первый - arr[0],
второй - arr[1],
третий - arr[2],
четвёртый - arr[3],
пятый - arr[4]

Сейчас во все параграфы добавляется последний элемент массива. Как сделать правильно?

<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>

let arr = ["aaa", "bbb", "ccc", "ddd", "eee"];

let description = document.querySelectorAll('.descr');
let res = Array.from(description);

res.map((item) => {
  arr.map((value) => {
    item.innerText = value;
  })
})