需求

Vue3 中如何遍歷list并修改list元素的屬性的值？

解決辦法

1、?使用 map 方法?

const newList = list.value.map(item => {return {...item,modifiedProperty: 'newValue' // 修改的屬性名稱和屬性值}
})

Vue 中的 map() 函數是 JavaScript 數組的高階函數，主要用于遍歷數組并返回新數組，常用于數據處理和響應式更新。

**特點?：**不修改原數組，返回處理后的新數組。

**典型場景?：**轉換數據格式、修改元素屬性的值或提取特定屬性。

...item 包含兩個關鍵部分：

**?item?：**代表列表渲染 (v-for) 中當前遍歷的元素，它是數組或對象迭代項的別名變量。

示例：v-for=“item in items” 中，item 是數組 items 的單個元素可通過 item.屬性名 訪問具體數據（如 item.id）

?…（展開運算符）?：?作用?是將 item 對象的所有屬性展開為新對象的屬性。

2、?使用 forEach()方法?

使用 forEach()函數 直接修改原數組。在 Vue 中，forEach() 是 JavaScript 數組的原生方法，用于遍歷數組元素并執行回調函數，但不會返回新數組。

list.value.forEach(item => {item.oid=null;//將list元素的oid屬性設置為null
});

基礎語法：

array.forEach((item, index, arr) => {// 操作邏輯
})

?參數說明?：
item：當前遍歷的元素
index（可選）：當前元素的索引
arr（可選）：原數組本身