JavaScript Vue 遍历 JSON 数据的最后一组数据

可以使用 Object.keys() 方法获取所有日期，然后使用数组的 pop() 方法获取最后一个日期，再通过该日期获取对应的数据。具体代码如下：

// 获取所有日期
const dates = Object.keys(data)
// 获取最后一个日期
const lastDate = dates.pop()
// 获取最后一个日期对应的数据
const lastData = data[lastDate]
// 遍历最后一个日期对应的数据
for (let key in lastData) {
  console.log(key, lastData[key].Num, lastData[key].Maxnumber)
}

示例数据:

{
    '2023-02-22': {
        '1046': {
            'Num': 1,
            'Maxnumber': '64'
        },
        '3014': {
            'Num': 7,
            'Maxnumber': 47
        },
        '10021': {
            'Num': 4,
            'Maxnumber': 32
        },
        '10023': {
            'Num': 1,
            'Maxnumber': '105'
        }
    },
    '2023-02-23': {
        '1006': {
            'Num': 1,
            'Maxnumber': '32'
        },
        '1046': {
            'Num': 1,
            'Maxnumber': '64'
        },
        '3011': {
            'Num': 1,
            'Maxnumber': '32'
        },
        '3013': {
            'Num': 2,
            'Maxnumber': 32
        },
        '3014': {
            'Num': 91,
            'Maxnumber': 62
        },
        '3017': {
            'Num': 2,
            'Maxnumber': 47
        },
        '5260': {
            'Num': 1,
            'Maxnumber': '32'
        },
        '10021': {
            'Num': 16,
            'Maxnumber': 112
        },
        '10023': {
            'Num': 1,
            'Maxnumber': '32'
        },
        '10049': {
            'Num': 1,
            'Maxnumber': '112'
        },
        '10101': {
            'Num': 6,
            'Maxnumber': 32
        }
    },
    // ... (其他日期)
    '2023-03-04': {
        '3011': {
            'Num': 1,
            'Maxnumber': '32'
        },
        '3013': {
            'Num': 3,
            'Maxnumber': 32
        },
        '3014': {
            'Num': 49,
            'Maxnumber': 48
        },
        '5260': {
            'Num': 1,
            'Maxnumber': '32'
        },
        '10021': {
            'Num': 13,
            'Maxnumber': 48
        },
        '10049': {
            'Num': 1,
            'Maxnumber': '32'
        },
        '10101': {
            'Num': 6,
            'Maxnumber': 32
        }
    }
}

在 Vue.js 中使用:

<template>
  <div>
    <h2>最后一组数据</h2>
    <ul>
      <li v-for='(value, key) in lastData' :key='key'>
        {{ key }}: Num = {{ value.Num }}, Maxnumber = {{ value.Maxnumber }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: { // 您的 JSON 数据
        // ...
      },
      lastData: {}
    }
  },
  mounted() {
    // 获取所有日期
    const dates = Object.keys(this.data)
    // 获取最后一个日期
    const lastDate = dates.pop()
    // 获取最后一个日期对应的数据
    this.lastData = this.data[lastDate]
  }
}
</script>