给一个对象 怎么循环出他的key值
时间: 2024-03-18 17:42:20 浏览: 48
可以使用 for...in 循环来遍历对象的键名(key),例如:
```javascript
const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
console.log(key); // 输出 a、b、c
}
```
在上面的代码中,使用 for...in 循环遍历了对象 obj 的键名(key),并将键名打印出来。
需要注意的是,在使用 for...in 循环遍历对象时,循环变量 key 是字符串类型的,并且循环顺序不一定是按照对象属性的顺序来的,因此如果需要按照属性顺序来遍历对象,可以使用 Object.keys() 方法将对象的键名转换成数组,然后再使用数组的 forEach() 或 for 循环来遍历。
例如:
```javascript
const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
// 使用 forEach() 遍历数组
keys.forEach(key => {
console.log(key); // 输出 a、b、c
});
// 使用 for 循环遍历数组
for (let i = 0; i < keys.length; i++) {
console.log(keys[i]); // 输出 a、b、c
}
```
在上面的代码中,使用 Object.keys() 方法将对象 obj 的键名转换成数组 keys,然后使用 forEach() 和 for 循环分别遍历了数组 keys,并将键名打印出来。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)