vue3遍历对象获取键值
时间: 2023-11-26 09:03:48 浏览: 258
以下是在Vue3中遍历对象获取键值的方法:
```javascript
// 定义一个对象
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
```
如果想要遍历嵌套对象,可以使用递归的方式,例如:
```javascript
// 定义一个嵌套对象
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
阅读全文
相关推荐


















