js中遍历对象的属性和值的方法

在javascript中，有以下几种方法可以用于遍历对象的属性和值：

1. for...in 循环

for...in循环可以用于遍历对象的属性，但是它会遍历整个原型链上的可枚举属性，因此可能会获取到一些不需要的属性和方法。需要注意的是，对象的属性顺序是不保证的。

下面是一个使用for...in循环遍历对象的示例代码：

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

for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}

2. Object.keys() 方法

Object.keys() 方法返回一个由对象自身的可枚举属性组成的数组。这个方法不会遍历原型链上的属性，它只会获取对象自身的属性。

下面是一个使用Object.keys()方法遍历对象的示例代码：

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

Object.keys(obj).forEach((key) => {
  console.log(key + ': ' + obj[key]);
});

3. Object.getOwnPropertyNames() 方法

Object.getOwnPropertyNames() 方法返回一个由指定对象自身的属性（不包括继承的属性）组成的数组。

下面是一个使用Object.getOwnPropertyNames()方法遍历对象的示例代码：

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

Object.getOwnPropertyNames(obj).forEach((key) => {
  console.log(key + ': ' + obj[key]);
});

需要注意的是，Object.getOwnPropertyNames()方法只会获取对象自身的属性，因此如果要遍历原型链上的属性，需要使用其他方法。

以上三种方法可以根据实际需要灵活使用，以达到遍历对象的目的。