js遍历对象的属性和值

你可以使用 `for...in` 循环来遍历对象的属性，然后通过对象的属性名获取对应的值。以下是一个示例代码：

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

for (let key in obj) {
  console.log(`属性名：${key}，属性值：${obj[key]}`);
}

输出结果：

属性名：a，属性值：1
属性名：b，属性值：2
属性名：c，属性值：3

请注意，`for...in` 循环还会遍历对象继承的可枚举属性。如果你只想遍历对象自身的属性，可以使用 `Object.hasOwnProperty()` 方法进行判断：

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(`属性名：${key}，属性值：${obj[key]}`);
  }
}

这样就只会遍历对象自身的属性。

相关问题

js 遍历 对象属性名 属性值

可以通过`for...in`循环来遍历对象的属性名，同时通过对象的属性名来获取属性值。例如：

const obj = {
  name: 'John',
  age: 30,
  gender: 'male'
};

for (let prop in obj) {
  console.log(prop); // 输出属性名 name, age, gender
  console.log(obj[prop]); // 输出属性值 John, 30, male
}

在循环中，`prop`表示属性名，可以通过`obj[prop]`来获取属性值。

js遍历对象的属性值

在JavaScript中，遍历对象的属性值可以使用多种方式。

1. 使用 for...in 循环遍历对象的属性名，然后通过属性名获取属性值：

var obj = { name: 'John', age: 25 };
for (var key in obj) {
  var value = obj[key]; // 获取属性值
  console.log(value);
}

2. 使用 Object.keys() 方法获取对象的所有属性名，然后通过属性名获取属性值：

var obj = { name: 'John', age: 25 };
var keys = Object.keys(obj); // 获取属性名数组
for (var i = 0; i < keys.length; i++) {
  var key = keys[i];
  var value = obj[key]; // 获取属性值
  console.log(value);
}

3. 使用 Object.values() 方法直接获取对象的所有属性值：

var obj = { name: 'John', age: 25 };
var values = Object.values(obj); // 获取属性值数组
for (var i = 0; i < values.length; i++) {
  var value = values[i];
  console.log(value);
}

以上是三种常用的遍历对象属性值的方式，根据具体情况选择合适的方式进行遍历。