GWT JsType数组转换问题：JsInterop包装器访问Property属性失败

我来帮你拆解下这个问题的核心原因，以及对应的解决办法：

核心原因：isNative=true的本质作用 #

首先得明确JsInterop中isNative=true的核心意义：

• 当你给类标记@JsType(isNative = true)时，GWT会把这个类直接映射为原生JavaScript对象，编译后的代码会直接生成obj.name这种原生JS属性访问语法，完全贴合你的JSON结构。
• 如果不设置isNative=true，GWT会把它当作普通的Java类处理，编译后会生成obj.getName()这种getter调用逻辑——但你的JSON对象显然没有对应的getter方法，自然就会出现属性访问失败的问题。

数组包装的正确姿势 #

你提到一开始怀疑数组包装的问题，这点确实容易踩坑：
JSON里的数组是原生JS数组，对应的JsInterop类型应该用JsArray<Property>或者JsArrayLike<Property>，绝对不能用普通的Java数组Property[]。因为Java数组在GWT编译后会被包装成特殊的Java数组对象，和原生JS数组的结构不兼容，直接访问就会出错。

jsinterop.base.J的常见坑 #

很多人会用jsinterop.base.J.asPropertyMap()来转换对象，但这个工具类更适合处理动态未知结构的JS对象。如果你的JSON结构是固定的，已经用isNative=true的类做了映射，直接强转或者直接访问属性比用J工具类更可靠——因为J的方法会引入额外的包装层，改变属性的访问路径，导致原本能访问的属性找不到。

完整解决方案示例 #

1. 正确定义JsInterop类 #

给所有对应JSON结构的类加上isNative=true，并使用@JsProperty标注字段（或者用getter方法，效果一致）：

import jsinterop.annotations.JsPackage;
import jsinterop.annotations.JsProperty;
import jsinterop.annotations.JsType;
import jsinterop.base.JsArray;

@JsType(isNative = true, namespace = JsPackage.GLOBAL)
public class Asset {
    @JsProperty public String id;
    @JsProperty public String name;
    @JsProperty public JsArray<Property> properties;
}

@JsType(isNative = true, namespace = JsPackage.GLOBAL)
public class Property {
    @JsProperty public String id;
    @JsProperty public String name;
    @JsProperty public String value; // 假设你的Property有value属性
}

2. 正确访问属性 #

直接像访问原生JS对象一样访问类的字段即可，不需要额外的转换：

// 假设从JS环境获取到Asset对象（比如通过JS互调或者AJAX返回的JSON）
Asset asset = ...;

// 直接访问Asset的属性
String assetId = asset.id;
String assetName = asset.name;

// 遍历属性数组
for (int i = 0; i < asset.properties.length(); i++) {
    Property prop = asset.properties.get(i);
    String propId = prop.id;
    String propName = prop.name;
    // 处理每个Property的逻辑
}

3. 特殊场景：非原生类的处理 #

如果因为某些原因不能设置isNative=true，那你需要把JSON对象反序列化为普通Java类，而不是直接从JS对象强转。这时候可以用GWT的AutoBean框架，或者其他兼容GWT的JSON序列化库来完成转换，确保Java类的属性和JSON字段正确映射。

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