js如何获取object类型里的键值

获取object类型里的键值可以使用JavaScript语言提供的两种方式：点运算符（.）和方括号（[]）。

点运算符（.）

点运算符是一种简单直接获取对象属性的方法，使用点运算符需要知道对象中属性的名称。例如，如果要获取下面这个对象中name属性的值，可以这样写：

const obj = { name: "张三", age: 18 };
const name = obj.name;
console.log(name); // 输出 "张三"

如果对象属性名不是标准的变量名称（例如包含空格、横线等），使用点运算符就会出现语法错误。这时可以使用方括号语法来获取属性值。

方括号语法（[]）

方括号语法可以通过字符串来动态获取对象属性，例如：

const obj = { name: "张三", age: 18 };
const name = obj["name"];
console.log(name); // 输出 "张三"

方括号内的字符串也可以是表达式，例如：

const obj = { name: "张三", age: 18 };
const propName = "name";
const name = obj[propName];
console.log(name); // 输出 "张三"

需要注意的是，方括号语法只能通过字符串来获取属性值，而无法使用标识符。

示例说明

下面是两个示例说明：

示例一

const user = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

const fullName = user.firstName + " " + user.lastName;
console.log(fullName); // 输出 "John Doe"

该示例通过点运算符获取对象中firstName和lastName属性的值，然后拼接成fullName字符串。

示例二

const user = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};

const propName = "age";
const age = user[propName];
console.log(age); // 输出 30

该示例使用方括号语法通过变量propName获取了对象中age属性的值。