Tengo datos de Foreach conectados a un botón. Quiero insertar estos datos foreach en una matriz llamada myArray cada vez que hago clic en el botón. Cuando hago myArray.push() , los datos se agregan uno encima del otro. 3 datos en el primer clic, 6 datos en el segundo, 9 datos en el tercero... Sin embargo, quiero que esos datos se actualicen, no se presionen, así que siempre quiero 3 datos, solo quiero que cambien sus valores, cómo ¿Puedo hacer esto? Gracias.

 // Foreach data { "_id": "b94a22f5-acea-c649-d203-bdaa533c35b8", "productName": "Cookies", "productImage": "image://v1/6318fc_4f5a4c323cf74b21aaa61ddba1e924fb~mv2.jpg/file.jpg#originWidth=1050&originHeight=1050", "quantity": 4 } { "_id": "dd7247dc-4f5f-a7fe-57df-20dce972fdc6", "productName": "Cake", "productImage": "image://v1/6318fc_c9a8011220064ddcb0bed049d1f6883d~mv2.jpg/file.jpg#originWidth=1200&originHeight=1800", "quantity": 3 } { "_id": "ce5cae3b-db5a-623e-8c93-fec1c40c295d", "productName": "Coffee", "productImage": "image://v1/6318fc_4d19f3b393d94aa1aac03ab99b3abd8d~mv2.png/file.png#originWidth=833&originHeight=942", "quantity": 1 } // I want it to be like this console.log(myArray) // output // [ // { // "_id": "b94a22f5-acea-c649-d203-bdaa533c35b8", // "productName": "Cookies", // "productImage": "image://v1/6318fc_4f5a4c323cf74b21aaa61ddba1e924fb~mv2.jpg/file.jpg#originWidth=1050&originHeight=1050", // "quantity": 4 // }, // { // "_id": "dd7247dc-4f5f-a7fe-57df-20dce972fdc6", // "productName": "Cake", // "productImage": "image://v1/6318fc_c9a8011220064ddcb0bed049d1f6883d~mv2.jpg/file.jpg#originWidth=1200&originHeight=1800", // "quantity": 3 // }, // { // "_id": "ce5cae3b-db5a-623e-8c93-fec1c40c295d", // "productName": "Coffee", // "productImage": "image://v1/6318fc_4d19f3b393d94aa1aac03ab99b3abd8d~mv2.png/file.png#originWidth=833&originHeight=942", // "quantity": 1 // } // ]