JavaScript:部分对象属性无法正常读取,求解决方案
问题分析与解决方案
看起来你在处理API返回的对象时遇到了一个常见的属性访问问题——能正常拿到obj.R的值,但obj.g却返回undefined,没法获取目标值obj.g[0]。结合你贴的buildCandleStickChart_()函数片段,我梳理了几个最可能的原因和对应的解决思路,帮你定位问题:
1. 原始数据中g字段不存在或未被保留
从你的代码逻辑来看,你通过data.response.map()转换API数据生成dataArray,但当前的map回调只返回了日期、开高低收价和成交量这些字段,完全没处理g:
dataArray = data.response.map(function(obj) { var formatedDate = moment(obj.time * 1000).format('M-D HH:mm'); // 这里只返回了6个字段,g被丢弃了 return [formatedDate, obj.open, obj.high, obj.low, obj.close, obj.volumeto]; });
如果obj.g是原始API返回的数据,那首先要做两步验证:
- 先在
map函数里打印原始对象,确认每个obj是否真的包含g字段:dataArray = data.response.map(function(obj) { console.log('当前原始对象:', obj); // 控制台查看是否有g属性 var formatedDate = moment(obj.time * 1000).format('M-D HH:mm'); return [formatedDate, obj.open, obj.high, obj.low, obj.close, obj.volumeto]; }); - 如果原始数据确实有
g,但你需要后续使用它,就得修改map的返回逻辑,把g保留下来(比如改成对象形式返回,方便后续访问):
注意:改成对象返回后,后续的dataArray = data.response.map(function(obj) { var formatedDate = moment(obj.time * 1000).format('M-D HH:mm'); return { date: formatedDate, open: obj.open, high: obj.high, low: obj.low, close: obj.close, volumeto: obj.volumeto, g: obj.g // 保留g字段 }; });table.addData()和anychart的mapping逻辑需要对应调整,因为之前是数组格式。
2. 作用域或异步时机问题
你访问obj.g的代码位置是否正确?如果是在then()回调之外调用,那大概率是异步请求还没完成,data.response还没被赋值,自然拿不到g;如果是在map内部或then()回调里,那可能是部分对象没有g字段——API返回的数组里,可能有的对象有g,有的没有,你刚好访问到了没有的那个。
这种情况下,建议添加安全访问的判断,避免报错同时定位问题:
// 安全访问g的第一个值 if (obj?.g && Array.isArray(obj.g)) { console.log('目标值:', obj.g[0]); } else { console.log('当前对象无g字段,或g不是数组'); }
3. Anychart映射过滤了字段
你用table.mapAs()只映射了烛台图和成交量需要的字段,这些操作不会保留g相关的数据。如果你需要使用g的值,不要依赖经过mapping后的对象,直接从原始的data.response数组里获取更可靠:
// 直接遍历原始响应数据,提取g字段 data.response.forEach(function(item) { if (item.g?.length) { console.log(item.g[0]); } });
快速排查步骤
- 打开浏览器控制台,打印完整的
data.response,确认每个对象的结构,看g字段是否存在、是否为数组类型。 - 检查访问
obj.g的代码位置,确保在then()回调内部(也就是API请求成功之后)。 - 对部分可能缺失
g的对象,添加条件判断避免报错。
内容的提问来源于stack exchange,提问作者Joe Berthelot
相关产品推荐
相关产品推荐

