如何使用JavaScript提取JSON每个条目下的floatvalue字段值

前置处理 #

如果拿到的是原始JSON字符串，需要先转成JavaScript可操作的数组结构，直接操作字符串无法取值：

// 原始JSON字符串
const rawJson = `[
    {
        "iteminfo": {
            "a": "24726444009",
            "d": "162704505716002445",
            "floatvalue": 0.06065493822097778
        }
    },
    {
        "iteminfo": {
            "a": "24726350664",
            "d": "16595412847277410541",
            "floatvalue": 0.06316522508859634
        }
    }
]`;
// 解析为JS数组
const dataArr = JSON.parse(rawJson);

如果是接口返回、已经解析完成的JS数组，可以跳过这一步直接做字段提取。

最简提取实现 #

用数组原生map方法遍历，直接读取嵌套的floatvalue字段即可，最终会返回由所有floatvalue值组成的新数组：

const floatValues = dataArr.map(item => item.iteminfo.floatvalue);
// 打印结果：[0.06065493822097778, 0.06316522508859634]
console.log(floatValues);

带容错的兼容写法 #

如果不确定数据结构是否完整（比如部分条目可能缺失iteminfo或floatvalue字段），可以用可选链操作符避免代码抛错中断，缺字段的位置会返回undefined：

const safeFloatValues = dataArr.map(item => item?.iteminfo?.floatvalue);

其他遍历实现（适合需要加自定义逻辑的场景） #

如果提取过程中需要加过滤、判断等额外逻辑，可以用以下遍历方式：

• 普通for循环

const result = [];
for (let i = 0; i < dataArr.length; i++) {
  const current = dataArr[i];
  // 示例：只提取大于0.062的值
  if (current?.iteminfo?.floatvalue > 0.062) {
    result.push(current.iteminfo.floatvalue);
  }
}

• forEach遍历

const result = [];
dataArr.forEach(item => {
  const val = item?.iteminfo?.floatvalue;
  if (val !== undefined) result.push(val);
});

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