关于JavaScript对象的动态选择及遍历对象

在JavaScript中，对象的动态选择及遍历是一个常见的需求。这里我将给出两种常见的方法来处理这些操作：使用点符号（`.`）或方括号（`[]`）进行动态选择，以及使用`for...in`循环或`Object.keys()`、`Object.values()`、`Object.entries()`等方法来遍历对象。

### 动态选择对象属性

当你需要动态地选择对象的属性时（即属性名在运行时才确定），你可以使用方括号（`[]`）语法。例如：

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

const propName = 'name'; // 动态确定的属性名
console.log(obj[propName]); // 输出: Alice

### 遍历对象

#### 使用`for...in`循环

`for...in`循环可以用来遍历一个对象的所有可枚举属性（包括其原型链上的属性）。

for (let key in obj) {
    if (obj.hasOwnProperty(key)) { // 过滤掉原型链上的属性
        console.log(key, obj[key]);
    }
}
// 输出：
// name Alice
// age 30
// city New York

#### 使用`Object.keys()`, `Object.values()`, `Object.entries()`

- `Object.keys(obj)` 返回一个包含对象自身所有可枚举属性键的数组。

- `Object.values(obj)` 返回一个包含对象所有可枚举属性值的数组。

- `Object.entries(obj)` 返回一个给定对象自身可枚举属性的键值对数组，其排列与使用`for...in`循环遍历该对象时返回的顺序一致（区别在于`for...in`还会枚举其原型链上的属性）。

// 使用Object.keys()
Object.keys(obj).forEach(key => {
    console.log(key, obj[key]);
});

// 使用Object.values()
Object.values(obj).forEach(value => {
    // 注意：这里无法直接获取键名
    console.log(value);
});

// 使用Object.entries()
Object.entries(obj).forEach(([key, value]) => {
    console.log(key, value);
});

这些方法都可以有效地遍历对象的属性，但具体使用哪种方法取决于你的具体需求。例如，如果你需要同时访问键和值，`Object.entries()`可能是一个好的选择。如果你只需要键或值，则`Object.keys()`或`Object.values()`可能更合适。