如何通过JSON数组元素的name属性查询获取对应address字段值

首先澄清你的误区 #

JSON中属性键带双引号是标准语法，JSON解析为JavaScript对象后，双引号不会影响属性访问，不是你调用find返回undefined的原因。
你写的stores.Centers.Athens["name"=="name1"]语法本身是错误的："name"=="name1"的运算结果是布尔值false，相当于你在尝试访问数组的false属性，自然无法拿到目标元素。

正确实现方式 #

步骤1：先将JSON转为JavaScript对象 #

如果你拿到的是JSON字符串，必须先调用JSON.parse()转为对象才能正常操作：

// 示例：jsonStr是你获取到的JSON字符串
const stores = JSON.parse(jsonStr);

如果你的项目是通过ES模块导入JSON文件（比如Vite、Webpack构建的前端项目，或者Node.js项目），导入操作会自动将JSON转为JS对象，无需手动解析：

import stores from './你的json文件路径.json' assert {type: 'json'}; // 浏览器原生ES导入写法，不同环境导入语法略有差异

步骤2：用find查询目标元素 #

查询时建议加非空判断，避免匹配不到元素时抛出错误：

const targetStore = stores.Centers.Athens.find(item => item.name === 'name1');
if (targetStore) {
  alert(targetStore.address);
}

find返回undefined的常见排查点 #

• 确认你操作的是解析后的JS对象，而不是原始JSON字符串
• 确认name字段值完全匹配，没有大小写、首尾空格、特殊字符的差异
• 确认你访问的数组路径正确，stores.Centers.Athens确实是你要操作的数组

要不要重构JSON结构？ #

如果你的使用场景是频繁根据name查询对应门店信息，推荐重构为对象结构，不用遍历数组就能直接取值，查询效率更高：

重构后结构示例 #

{
  "Centers": {
    "Athens": {
      "name1": {
        "lat": "",
        "lon": "",
        "address": "address1",
        "tel": "",
        "email": "",
        "link": ""
      },
      "name2": {
        "lat": "",
        "lon": "",
        "address": "address2",
        "tel": "",
        "email": "",
        "link": ""
      }
    }
  }
}

重构后取值方式 #

直接通过name作为键取值即可：

alert(stores.Centers.Athens.name1.address);

内容的提问来源于stack exchange，提问作者Smirlianos