如何根据JSON数组中对象的nome值获取对应url属性值？

假设你解析后的数组结构类似这样：

const parsedData = [
  { nome: "fullcalendar", url: "fullcalendar.php" },
  { nome: "chartjs", url: "chartjs.php" },
  { nome: "datatables", url: "datatables.php" }
];

你可以用以下两种方式实现需求：

方法一：使用find（推荐，效率更高） #

find会返回数组中第一个匹配条件的对象，适合nome字段唯一的场景：

const targetNome = "fullcalendar";
// 找到匹配的对象
const matchedObj = parsedData.find(item => item.nome === targetNome);
// 获取url，无匹配时返回null（可替换为你需要的默认值）
const targetUrl = matchedObj ? matchedObj.url : null;

方法二：使用filter #

如果坚持用filter，它会返回所有匹配条件的对象组成的数组，需要从中提取目标url：

const targetNome = "fullcalendar";
// 获取所有匹配的对象数组
const matchedObjs = parsedData.filter(item => item.nome === targetNome);
// 取第一个匹配对象的url，无匹配时返回null
const targetUrl = matchedObjs.length > 0 ? matchedObjs[0].url : null;

补充说明 #

• 如果你的数组中存在多个nome值相同的对象，filter会返回全部匹配项，你可以用matchedObjs.map(obj => obj.url)收集所有对应的url。
• 若nome字段是唯一的，优先用find，因为它找到匹配项后会立即停止遍历，性能更优。

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