JavaScript 对象通过键获取值

在本文中，我们将了解 JavaScript 对象按键获取值。

如何在 JavaScript 中定义和访问对象？

我们可以通过以下方式定义 JavaScript 对象

• let 关键字
• const 关键字

使用 let 关键字

我们将使用 let 关键字并使用大括号创建对象。

使用以下代码创建对象

使用点表示法访问对象

输出

在此输出中，我们可以看到对象 "product" 的值是通过点表示法访问的。

使用 const 关键字

我们将使用 const 关键字并使用大括号创建对象。

使用以下代码创建对象

使用方括号表示法访问对象

输出

在此输出中，我们可以看到对象 "person" 的值是通过方括号表示法访问的。

有多种方法可以按键获取值。以下是获取 JavaScript 对象值的几种方法：

• Object.keys() 方法
• Object.entries() 方法
• Object.values() 方法

使用 Object.keys() 方法

我们可以使用 Object.keys() 方法从 JavaScript 对象中的键获取值。

演示 1

我们将使用 Object.keys() 方法按键获取名为 "user" 的对象的值。

代码

输出

这是输出，我们可以看到 "user" 对象的值按其键显示。

演示 2

我们将使用 Object.keys() 方法按键查找 "employee" 对象的值。

代码

输出

这是输出，其中我们可以看到 "employee" 对象的值按其键显示。

使用 Object.entries() 方法

我们可以使用 Object.entries() 方法从 JavaScript 对象中的键获取值。

演示 1

我们将使用 Object.entries() 方法获取名为 "student" 的对象的值。

代码

输出

在此输出中，我们可以看到名为 "student" 的对象的值。

演示 2

我们将使用 Object.entries() 方法结合 map() 函数来获取名为 "car" 的对象的值。

代码

输出

这是输出，其中我们可以看到名为 "car" 的对象的值。

演示 3

我们将使用 Object.entries() 方法结合 filter() 函数来获取名为 "series" 的对象的值。

代码

输出

这是输出，其中我们可以看到名为 "series" 的对象的值。

使用 Object.values() 方法

我们可以使用 Object.values() 方法在 JavaScript 中按键获取值。

演示 1

我们将使用 Object.values() 方法获取名为 "cricketer" 的对象的值。

代码

输出

这是输出，其中我们可以看到名为 "cricketer" 的对象的值。

演示 2

我们将使用 Object.values() 方法获取名为 "course" 的对象的值。

代码

输出

这是输出，其中我们可以看到名为 "course" 的对象的值。

结论

在本文中，我们已经了解了 JavaScript 对象按键获取值。我们已经掌握了各种方法，即 Object.keys() 方法、Object.entries() 方法和 Object.values() 方法。