js获取对象的key和value

在 JavaScript 中，对象是一个非常常见也非常重要的数据类型。对象中有很多键值对，通过获取这些键值对中的 key 和 value 可以实现对对象的操作和处理。本文将从多个角度分析 JavaScript 中获取对象的 key 和 value 的方法。

1. for...in 循环

for...in 循环可以遍历对象中的所有属性，包括其原型链上的属性。在循环中，我们可以通过访问属性名称来获取对象的 key 值，并通过属性值来获取对象的 value 值。

示例代码：

```

let obj = {a:1, b:2, c:3};

for(let key in obj){

console.log(key); // 输出键名 a,b,c

console.log(obj[key]); // 输出键值 1,2,3

}

```

2. Object.keys() 方法

Object.keys() 方法返回一个由对象中的所有可枚举属性的属性名组成的数组。我们可以通过遍历这个数组来获取对象的 key 值，并通过访问对象[key] 来获取对象的 value 值。

示例代码：

```

let obj = {a:1, b:2, c:3};

Object.keys(obj).forEach(function(key){

console.log(key); // 输出键名 a,b,c

console.log(obj[key]); // 输出键值 1,2,3

});

```

3. Object.entries() 方法

Object.entries() 方法返回一个由对象中所有属性的键值对数组组成的数组。我们可以通过遍历这个数组来获取对象的 key 和 value 值。

示例代码：

```

let obj = {a:1, b:2, c:3};

Object.entries(obj).forEach(function([key,value]){

console.log(key); // 输出键名 a,b,c

console.log(value); // 输出键值 1,2,3

});

```

4. Object.getOwnPropertyNames() 方法

Object.getOwnPropertyNames() 方法返回一个由对象中所有属性的属性名组成的数组，包括不可枚举属性的属性名。我们可以通过遍历这个数组来获取对象的 key 值，并通过访问对象[key] 来获取对象的 value 值。

示例代码：

```

let obj = {a:1, b:2, c:3};

Object.getOwnPropertyNames(obj).forEach(function(key){

console.log(key); // 输出键名 a,b,c

console.log(obj[key]); // 输出键值 1,2,3

});

```

5. Reflect.ownKeys() 方法

Reflect.ownKeys() 方法返回一个由对象中所有属性的键名组成的数组，包括不可枚举属性的属性名和 symbol 属性。我们可以通过遍历这个数组来获取对象的 key 和 value 值。

示例代码：

```

let obj = {a:1, b:2, c:3};

Reflect.ownKeys(obj).forEach(function(key){

console.log(key); // 输出键名 a,b,c

console.log(obj[key]); // 输出键值 1,2,3

});

```

总结：

通过以上 5 种方式，我们可以方便地获取对象的 key 和 value 值。我们可以根据对象的不同结构和使用环境来选择最合适的方法来获取对象的 key 和 value 值。

【关键词】对象，key，value