QML(JavaScript)中Map对象数组新增元素导致旧值修改的解决方法

QML内嵌的JavaScript引擎遵循标准ECMAScript类型规则，Map属于引用类型，你当前代码每次执行arrayData.push(mapData)时，存入数组的并不是mapData的独立副本，而是指向同一个mapData对象的内存引用。
你后续修改这个共享的mapData内容时，数组中所有指向该引用的元素都会同步变化，最终打印时就会出现所有索引位的Map内容一致、和插入时的预期不符的问题。从你贴的输出也能验证这点：数组长度已经到2，但两个索引位打印出的内容完全一致，就是因为存的是同一个Map的引用。

核心原则：每次往数组插入新条目时，必须保证存入的是独立的Map实例，不能反复复用同一个外层作用域声明的Map对象。

方案1：每次插入前新建全新Map实例 #

这是最稳妥的实现方式，从根源避免引用复用：

property var arrayData: []

onClicked: {
    // 每次触发点击时，单独创建当前条目专属的Map实例
    let currentItem = new Map()
    // 按业务需求填充当前Map的键值对，例如
    // currentItem.set(filePath, columnList)
    arrayData.push(currentItem)
}

你原有遍历打印的逻辑无需修改，可正常输出每个独立条目的内容。

方案2：复用模板Map时插入深拷贝副本 #

如果你的业务逻辑需要基于一个公共模板Map做修改后再存入数组，不要直接push原模板，插入前生成独立副本即可：

onClicked: {
    // 基于现有mapData的所有键值对，生成全新的独立Map实例
    let mapCopy = new Map(mapData.entries())
    // 对mapCopy做当前条目需要的修改，不会影响原模板或数组中已存的其他条目
    arrayData.push(mapCopy)
}

• 除了基础值类型（数字、字符串、布尔值、null、undefined、Symbol），JavaScript中的数组、普通对象、Set、Map都属于引用类型，直接赋值、传参、推入数组时都不会自动复制对象本体。
• 不要在组件顶层声明一个公用的Map变量，反复修改内容后推入数组，必然会出现引用同步的问题。

内容的提问来源于stack exchange，提问作者A.Zarei