JSON（JavaScript Object Notation）是一种常见的数据格式，它可以轻松地将数据存储为键/值对。在前端开发中，我们经常需要从JSON数据中提取特定的键和值以供使用。本文将介绍如何使用JavaScript获取JSON密钥和值。
获取JSON对象中的所有键和值
要获取JSON对象中的所有键和值，可以使用JavaScript的Object.keys()和Object.values()方法。Object.keys()方法返回一个包含JSON对象所有键的数组，而Object.values()方法返回一个包含JSON对象所有值的数组。
-- -------------------- ---- ------- ----- ---- - - ----- ----- ----- ---- --- ----- ---- ----- -- ----- ---- - ------------------ ------------------ -- -------- ------ ------- ----- ------ - -------------------- -------------------- -- ------ ----- --- ---- ------
在上面的示例代码中，我们定义了一个包含名称、年龄和城市属性的JSON对象data。然后，我们使用Object.keys()方法获取data对象的所有键并将其打印到控制台中。接下来，我们使用Object.values()方法获取data对象的所有值并将其打印到控制台中。
获取特定键的值
要获取JSON对象中特定键的值，请使用方括号符号[]和该键的名称。例如，要获取上面示例中data对象的name属性的值，可以使用以下代码：
const data = {
name: "John Doe",
age: 25,
city: "New York"
};
const name = data["name"];
console.log(name); // "John Doe"在上面的代码中，我们使用方括号符号[]和键名"name"来获取data对象的name属性的值，并将其打印到控制台中。
处理嵌套的JSON
如果JSON数据包含嵌套的结构，则可以使用递归方式获取所有的键和值。例如，下面是一个包含嵌套结构的JSON对象：
-- -------------------- ---- -------
----- ---- - -
----- ----- -----
---- ---
-------- -
------- ---- ---- ----
----- ---- ------
------ ----
-
--要获取data对象中所有键和值，包括嵌套的结构，可以使用以下代码：
-- -------------------- ---- -------
-------- ------------------------ -
--- ---- - -----------------
--- ------ - ---
---------------- -- -
-- ------- -------- --- --------- -
------ - ---------------------------------------------
- ---- -
----------------------
-
---
------ -------
-
----- ------ - --------------------------
-------------------- -- ------ ----- --- ---- ---- ---- ---- ------ -----在上面的代码中，我们定义了一个名为getAllKeysAndValues()的函数，该函数使用递归方式获取data对象中所有键和值，包括嵌套的结构。该函数首先使用Object.keys()方法获取obj对象的所有键，并将它们存储在keys数组中。然后，我们迭代keys数组，并检查每个键的类型。如果键的值是一个对象，则递归调用getAllKeysAndValues()函数以获取该对象中的所有键和值。否则，我们仅将该值添加到values数组中。
最后，我们调用getAllKeysAndValues()函数并将结果打印到控制台中。
总结
本文介绍了如何在JavaScript中获取JSON密钥和值。我们展示了如何使用Object.keys()和Object.values()方法分别获取JSON对象的所有键和值，如何使用方括号符号获取特定键的值，以及如何处理嵌套的JSON数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13865