erorr javaScript جافا سكريبت

الخطأ من العداد i أحيانا يخرج عن نطاق الarrayData، فيعيد قيمة خارج حدود المصفوفة، كل ما عليك هو جعله العداد الافتراضي للطريقة map :

const read = () => {
 table =''
 arrayData.map((Item,i) => { // ستزيد قيمته عند كل عنصر من دون أي تدخل منك حسب عدد عناصر المصفوفة iضعي ال
 
   table+=`
   <tr>
   <td>${i}</td>
   <td>${arrayData[i].title}</td>
   <td>${arrayData[i].price}</td>
   <td>${arrayData[i].taxes}</td>
   <td>${arrayData[i].ads}</td>
   <td>${arrayData[i].discount}</td>
   <td>${arrayData[i].total}</td>
   <td>${arrayData[i].category}</td>
   </tr>
   `
 
    tbody.innerHTML=table 
 
}