js对象的键值怎么取

获取 JavaScript 对象的键值的方法有多种，包括点操作符、方括号操作符、Object.keys、Object.values、Object.entries等方法。 其中，最常用的方法是点操作符和方括号操作符。这两种方法在日常开发中使用频率最高，且相对简单易懂。

点操作符是最常见的方式，可以直接通过对象名后加点再加键名来获取键值。例如，obj.key。这种方式适合键名是合法的标识符且已知的情况。方括号操作符则适用于键名是动态的或者不合法的标识符的情况，例如，obj["key"]。方括号操作符还可以通过变量来动态获取键值。

一、点操作符与方括号操作符

点操作符

点操作符是最常见的获取对象键值的方法。使用方法非常简单，直接在对象名后面加上点和键名即可。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
console.log(person.name); // 输出: Alice
console.log(person.age);  // 输出: 25

方括号操作符

方括号操作符更加灵活，可以使用字符串和变量来动态获取键值。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
console.log(person['name']); // 输出: Alice
console.log(person['age']);  // 输出: 25
let key = 'job';
console.log(person[key]);    // 输出: developer

二、Object.keys、Object.values、Object.entries

这三个方法是ES6引入的新特性，可以非常方便地操作对象的键和值。

Object.keys

Object.keys方法返回一个包含对象所有键的数组。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
console.log(Object.keys(person)); // 输出: ['name', 'age', 'job']

Object.values

Object.values方法返回一个包含对象所有值的数组。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
console.log(Object.values(person)); // 输出: ['Alice', 25, 'developer']

Object.entries

Object.entries方法返回一个包含对象所有键值对的数组，每个键值对也是一个数组。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
console.log(Object.entries(person)); // 输出: [['name', 'Alice'], ['age', 25], ['job', 'developer']]

三、for…in循环与for…of循环

for…in循环

for...in循环可以用来遍历对象的所有可枚举属性。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
for (let key in person) {
    console.log(key + ": " + person[key]);
}
// 输出:
// name: Alice
// age: 25
// job: developer

for…of循环

for...of循环不能直接用于对象，但可以与Object.keys、Object.values、Object.entries一起使用。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
for (let key of Object.keys(person)) {
    console.log(key + ": " + person[key]);
}
// 输出:
// name: Alice
// age: 25
// job: developer

四、解构赋值

解构赋值是ES6引入的新特性，可以非常方便地从对象中提取值。

let person = {
    name: 'Alice',
    age: 25,
    job: 'developer'
};
let { name, age, job } = person;
console.log(name); // 输出: Alice
console.log(age);  // 输出: 25
console.log(job);  // 输出: developer

五、总结

获取JavaScript对象的键值有多种方法，包括点操作符、方括号操作符、Object.keys、Object.values、Object.entries、for…in循环、for…of循环、解构赋值等。 在不同的场景下，可以选择最合适的方法。例如，点操作符和方括号操作符适用于快速获取已知键的值，而Object.keys、Object.values、Object.entries适用于需要遍历对象的情况。通过灵活运用这些方法，可以大大提高代码的可读性和可维护性。