QML开发中如何访问变量指定的JSON对象字段？

QML 内置的 JavaScript 运行时本身完全支持 obj[变量名] 形式的动态属性读取，你遇到的语法不生效问题基本都是类型转换异常、字段名不匹配或者JSON格式非法导致的，可参考以下方案处理： #

1. 标准JSON字符串动态取值实现 #

如果是直接解析JSON字符串的场景，直接使用方括号包裹存储字段名的变量即可，示例代码如下：

function getValueByKey(jsonStr, fieldKey) {
    // 前置校验避免异常
    if (!jsonStr || !fieldKey) return undefined
    const parsedObj = JSON.parse(jsonStr)
    // 动态读取字段
    return parsedObj[fieldKey]
}

// 调用测试
const testJson = '{"c1":320, "c2":256, "c3":128}'
const targetKey = "c2"
console.log(getValueByKey(testJson, targetKey)) // 输出结果：256

2. 兼容C++传入的QVariantMap类型场景 #

如果你要操作的对象不是通过JSON.parse()生成，而是从C++层传递到QML的QVariantMap类型，需要先做一次类型转换再取值：

function getValueFromVariantMap(variantMap, fieldKey) {
    // 转换为标准JS对象后再动态取值
    const jsObj = JSON.parse(JSON.stringify(variantMap))
    return jsObj[fieldKey]
}

常见异常排查点 #

• JSON字段名大小写敏感，需确认存储字段名的变量值和JSON中定义的字段名完全一致
• 提前校验JSON字符串合法性，非法JSON会导致JSON.parse()执行失败返回空对象
• 嵌套结构的动态取值可以逐层使用方括号，例如读取obj.level1.level2.key可以写为obj["level1"]["level2"][key]

内容的提问来源于stack exchange，提问作者PeppeDx