前端js遍历对象的每一个属性

在前端JavaScript中，你可以使用`for...in`循环来遍历对象的每一个属性。下面是一个示例代码：

const obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

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

在上述代码中，我们定义了一个名为`obj`的对象，并使用`for...in`循环来遍历它的每一个属性。在循环体内部，我们通过`obj[key]`来访问每个属性的值，并将属性名和对应的值进行输出。

需要注意的是，在使用`for...in`循环遍历对象属性时，可能会遍历到继承自原型链上的属性。为了避免这种情况，我们使用`hasOwnProperty()`方法来检查属性是否为对象自身的属性。

你可以根据需要修改上述代码，并适配你的对象结构。

相关问题

js 遍历对象 获取对象的值

在JavaScript中，遍历对象并获取其值通常有两种常见方法：

1. **for...in 循环**:
这种循环适合于遍历所有可枚举属性（包括从原型链继承来的属性），但不包括 Symbol 类型的属性。例如：

   let obj = {socialFlag: 1, houseFlag: 0, commercialFlag: 1};
   
   for (let key in obj) {
     if (obj.hasOwnProperty(key)) { // 检查是否是对象自身的属性，排除原型上的属性
       console.log(`Key: ${key}, Value: ${obj[key]}`);
     }
   }

2. **Object.entries() + for-of 循环**:
使用这种方式可以同时获取键值对，更直观，尤其是对于新版本的浏览器支持度较高。这种方法适用于ES6及以上环境。

   let obj = {socialFlag: 1, houseFlag: 0, commercialFlag: 1};
   
   for (const [key, value] of Object.entries(obj)) {
     console.log(`Key: ${key}, Value: ${value}`);
   }

3. **Object.values()**:
如果只想获取所有的值，可以使用这个方法，返回的是一个值的数组。

   let values = Object.values(obj);
   values.forEach(value => console.log(value));

以上三种方法都可以用来遍历和获取对象的值。根据你的具体需求选择合适的方法即可。

前端遍历对象的时候，出现多个key相同，怎么保证每次遍历都是从第一个开始遍历，获取到的value也是对应顺序的key的值

在JavaScript等支持键名顺序的语言中，当遍历对象时，如果遇到多个具有相同键的属性，它们会按照添加的顺序依次出现。这是因为ES6及以后版本引入了`Object.entries()`或者`for...of`循环结合`[Symbol.iterator]`属性，可以保证迭代顺序是插入的顺序。

例如，使用`for...of`循环：

let obj = { key1: 'val1', key2: 'val2', key1: 'newVal1' };
for (const [key, value] of Object.entries(obj)) {
    console.log(`${key}: ${value}`);
}

这将首先输出`key1: val1`，然后是`key2: val2`，最后是`key1: newVal1`。因为`key1`有两个值，后面的会被覆盖，但遍历过程会按顺序显示。

如果你需要的是每个键第一次出现时对应的值，而不是最后一个覆盖的值，你可以先删除多余的同名键，然后再遍历：

function uniqueEntries(obj) {
    let newObj = {};
    for (let key in obj) {
        if (!newObj.hasOwnProperty(key)) newObj[key] = obj[key];
    }
    return Array.from(newObj);
}

let obj = { key1: 'val1', key2: 'val2', key1: 'newVal1' };
for (const [key, value] of uniqueEntries(obj)) {
    console.log(`${key}: ${value}`);
}

这样就保证了每次遍历都从第一个相同的键开始，获取到的value是对应顺序的key的值。