如何在 i < 5 時將對象推送到 Vue 3 中的數組

Question

我正在嘗試在 Vue 3 中設置一個按鈕功能，用於處理在 for 循環中將對象推送到數組，而 i < 5：

const addFeatureObjs = () => {
  for (let i = 0; i < 5; i++) {
    // featureObjArray.value.push({ id: null, feature: null })
    featureObjArray.value[i] = { id: null, feature: null }
  }
}

到目前為止，我設置了一個 for 循環以在 i < 5 時創建對象的 5 個實例。但是，我希望設置此函數，以便每個按鈕單擊調用addFeatureObjs一次單擊創建一個新對象，直到 5被創建，而不是調用addFeatureObjs來一次創建 5 個對象。 如何設置此函數、for 循環和數組以允許一次創建每個對象，直到創建 5 個？

Answer 1

只需在推送之前檢查數組的length ：

 const addFeatureObjs = () => { if (featureObjArray.value.length <= 5) { featureObjArray.value.push({ id: null, feature: null }); } }