从 JavaScript 对象获取键值

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

我们将了解如何获取键、如何获取值以及如何从 JavaScript 对象中获取键值对。

从 JavaScript 对象中获取键

有各种方法用于从 JavaScript 对象获取键，如下所示：

• 使用 for-in 循环
• 使用 find() 方法
• 使用 filter() 方法和 Object.keys() 方法
• 使用 Object.entries() 和 reduce() 方法
• 使用 Lodash _.findKey() 方法

我们将一一详细理解每种方法。

使用 for-in 循环

我们可以利用 for-in 循环，通过提供的代码从 JavaScript 对象中获取键。

代码

输出

我们可以看到，我们已经通过使用 for-in 循环获取了一个值为 50 的键。

使用 find() 方法

Object.keys() 用于给出 JavaScript 对象的所有键。我们可以使用 find() 方法通过提供的代码获取键。

代码

输出

在这里，输出中我们可以看到，我们已经通过使用 find() 方法获取了一个值为 JavaScript 的键。

使用 filter() 方法和 Object.keys() 方法

我们可以使用 filter() 方法和 Object.keys() 方法，通过提供的代码获取键。

代码

输出

在这里，输出中我们可以看到，通过使用 filter() 方法和 Object.keys() 方法，我们已经获得了一个值为 JTP 的键。

使用 Object.entries() 和 reduce() 方法

以下代码显示了如何使用 Object.entries() 方法和 reduce() 方法来获取键。

代码

输出

这是输出，其中我们可以看到，通过使用 Object.entries() 方法和 reduce() 方法，找到了值为 86 的键。

使用 Lodash _.findKey() 方法

我们将使用 _.findkey() 方法，通过以下代码获取键。

代码

输出

在这里，输出中我们可以看到，通过使用 _.findkey() 方法，找到了一个值为 45000 的键。

从 JavaScript 对象中获取值

有一个名为 Object.values() 的方法，我们可以使用它从 JavaScript 对象中获取值。

Object.values() 方法

我们可以使用 Object.values() 方法来获取值。

演示-1

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

代码

输出

我们可以清楚地看到名为 "students" 的 JavaScript 对象的所有值，它们以数组的形式呈现。

演示-2

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

代码

输出

我们可以看到名为 "products" 的 JavaScript 对象的所有值，它们以数组的形式呈现。

从 JavaScript 对象中获取键值对

有一个名为 Object.entries() 的方法，我们可以使用它从 JavaScript 对象中获取键值对。

Object.entries() 方法

我们可以使用 Object.entries() 方法来获取键值对。

演示-1

我们将使用 Object.entries() 方法获取 "employees" 的键值对。

代码

输出

我们可以清楚地看到名为 "employees" 的 JavaScript 对象的键值对，它们以数组的形式呈现。

演示-2

我们将使用 Object.entries() 方法获取 dayColours 的键值对。

代码

输出

我们可以清楚地看到名为 "dayColours" 的 JavaScript 对象的键值对，它们以数组的形式呈现。

结论

在本文中，我们已经了解了如何 从 JavaScript 对象中获取键值。以下是一些需要记住的点：

• 我们可以使用以下方法从 JavaScript 对象中获取 键：
  • for-in 循环
  • find() 方法
  • filter() 方法和 Object.keys() 方法
  • entries() 和 reduce() 方法
  • Lodash _.findKey() 方法
• 我们可以使用以下方法从 JavaScript 对象中获取 值：
  • for-in 循环
• 我们可以使用以下方法从 JavaScript 对象中获取 键值对：
  • entries()