js遍历对象中的属性

在JavaScript中，有多种方式可以遍历对象中的属性，以下是其中的两种方式：

1. for...in循环：可以遍历对象自身的可枚举属性以及继承的可枚举属性（不包括Symbol类型的属性）。示例代码如下：

   let obj = {type: 1, keyword: "js"};
   for(let key in obj) {
       console.log(key, obj[key]);
   }
   // 输出：type 1
   //      keyword js

2. Object.getOwnPropertyNames()方法：可以获取对象自身的所有属性（包括不可枚举属性），返回一个由属性名组成的数组。可以使用forEach()方法遍历数组，获取每个属性的值。示例代码如下：

   let obj = {type: 1, keyword: "js"};
   Object.getOwnPropertyNames(obj).forEach(key => console.log(key, obj[key]));
   // 输出：type 1
   //      keyword js

相关问题

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);
}

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

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]}`);
  }
}

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