You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

已获取外部JSON数据,如何提取姓名并保存到数组中?

解决方案

没问题!既然你已经成功获取到JSON数据了,那把用户的名和姓拼接成目标数组其实很简单,我给你两种常用的实现方式:

方法一:使用map方法(简洁推荐)

map方法可以直接遍历用户数组,返回一个包含拼接后全名的新数组,代码非常紧凑:

$.getJSON("https://link.to.my.json", function(data) {
  // 遍历users数组,拼接每个用户的名和姓
  const fullNames = data.users.map(user => `${user.name.first} ${user.name.last}`);
  console.log(fullNames); // 输出格式:["bob roppo", "peter sticker", ...]
});

方法二:使用forEach方法(直观易懂)

如果你更习惯用逐步遍历的方式处理,forEach会更直观:

$.getJSON("https://link.to.my.json", function(data) {
  // 初始化空数组存储全名
  const fullNames = [];
  // 逐个遍历用户对象
  data.users.forEach(user => {
    // 拼接名和姓后推入数组
    fullNames.push(`${user.name.first} ${user.name.last}`);
  });
  console.log(fullNames); // 同样得到目标格式的数组
});

小提示

  • 两种方法都能实现需求,map更适合这种直接生成新数组的场景;forEach则更灵活,适合需要额外逻辑处理的情况。
  • 如果担心部分用户对象缺少name.first或name.last字段,可以加个简单判断避免报错,比如:user.name?.first || ''(可选链操作符,兼容现代浏览器)。

内容的提问来源于stack exchange,提问作者fernando

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 10:22:01