vue3遍历对象获取键值

以下是在Vue3中遍历对象获取键值的方法：

// 定义一个对象
const obj = {
  name: 'Tom',
  age: 18,
  gender: 'male'
}

// 遍历对象
for (const key in obj) {
  // 获取键值
  const value = obj[key]
  console.log(key, value)
}

输出结果为：

name Tom
age 18
gender male

如果想要遍历嵌套对象，可以使用递归的方式，例如：

// 定义一个嵌套对象
const obj = {
  name: 'Tom',
  age: 18,
  gender: 'male',
  address: {
    province: 'Guangdong',
    city: 'Shenzhen',
    street: 'Nanshan'
  }
}

// 遍历嵌套对象
function traverseObj(obj) {
  for (const key in obj) {
    const value = obj[key]
    if (typeof value === 'object') {
      traverseObj(value) // 递归遍历嵌套对象
    } else {
      console.log(key, value)
    }
  }
}

traverseObj(obj)

输出结果为：

name Tom
age 18
gender male
province