在前端开发中，我们经常会使用 JSON 格式来传递数据。而有时我们需要从一个包含键值对的 JSON 数组中获取某个特定的值。本文将介绍如何通过 JavaScript 代码实现这一过程。
准备工作
为了演示如何从 JSON 数组中获取数据，我们需要先创建一个包含多个键值对的 JSON 数组。下面是一个简单的示例：
let jsonData = [
{ name: "John", age: 30 },
{ name: "Mary", age: 25 },
{ name: "Bob", age: 35 }
];这个数组包含了三个对象，每个对象都有两个属性：name 和 age。我们将使用 JavaScript 代码从中获取特定的值。
获取值
假设我们想要获取 name 属性等于 "Mary" 的对象中的 age 属性的值，我们可以使用以下代码：
let mary = jsonData.find(function(item) {
return item.name === "Mary";
});
if (mary) {
let maryAge = mary.age;
console.log(maryAge); // 输出 25
}在上面的代码中，我们使用了 find() 方法来查找数组中第一个满足条件的元素。find() 接受一个函数作为参数，该函数返回一个布尔值。如果函数返回 true，则表示当前元素符合条件，find() 将返回该元素。如果没有符合条件的元素，则返回 undefined。
我们在函数中使用了一个比较运算符来判断当前对象的 name 属性是否等于 "Mary"。如果相等，就说明这是我们要找的对象。一旦我们找到了 mary 对象，就可以通过 .age 属性获取其年龄。
指导意义
本文介绍了如何从包含键值对的 JSON 数组中获取特定的值。我们使用了 JavaScript 中的 find() 方法和匿名函数，展示了如何使用这些工具来完成此任务。希望读者能够理解这段代码，并在以后的开发工作中应用这些技术。
同时，需要注意 find() 方法不兼容低版本的 Internet Explorer 浏览器。如果您需要支持这些老旧的浏览器，请使用其他方法，如 for 循环遍历数组并逐个匹配值，或者使用第三方库来实现类似的功能。
示例代码
-- -------------------- ---- ------- --- -------- - - - ----- ------- ---- -- -- - ----- ------- ---- -- -- - ----- ------ ---- -- - -- --- ---- - ---------------------------- - ------ --------- --- ------- --- -- ------ - --- ------- - --------- --------------------- -- -- -- -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28377